为了账号安全，请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
获取体验码
十天精通CSS3_学习笔记_慕课网
为了账号安全，请及时绑定邮箱和手机立即绑定
精品课程 十天精通CSS3

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • enzoop
    这里有对absolute和relative的使用
    查看全部
    0 采集 收起 来源：CSS3背景 background-origin

    2015-08-19

  • enzoop
    文本阴影text-shadow {text-shadow:1px 1px 0 red;}
    查看全部
    0 采集 收起 来源：CSS3文字与字体 文本阴影text-shadow

    2015-08-19

  • enzoop
    嵌入字体的方法： @font-face{ font-family: "MOOC Font"; src: url("http://www.imooc.com/Amaranth-BoldItalic.otf"); } .demo { width: 340px; padding: 30px; color: #566F89; background: #000; font-size:58px; font-family: "MOOC Font"; }
    查看全部
    0 采集 收起 来源：CSS3文字与字体 嵌入字体@font-face

    2018-03-22

  • enzoop
    text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
    查看全部
    0 采集 收起 来源：CSS3文字与字体 text-overflow 与 word-wrap

    2015-08-19

  • enzoop
    渐变色彩： background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet); to top left 表示从右下角到到左上角 to+left/right/top left/top riht 表示渐变终点位置
    查看全部
    0 采集 收起 来源：CSS3颜色 渐变色彩 

    2015-08-19

  • enzoop
    R(红)、G、B三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数，取值在0~1之间，不可为负值 白色的RGB值为(255,255,255)
    查看全部
    0 采集 收起 来源：CSS3颜色 颜色之RGBA

    2015-08-19

  • enzoop
    边框添加图片 border-image:url(borderimg.png) 70 repeat（重复）/round（平铺）/stretch（拉伸）
    查看全部
    0 采集 收起 来源：CSS3边框 为边框应用图片 border-image

    2015-08-19

  • enzoop
    box-shadow X定义左右两个边框，正为右，负为左 Y定义上下两个边框 正为下，负为上 ;inset 相反。
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（一）

    2015-08-19

  • enzoop
    border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 当要设置一个上半圆的时候，盒子的高度设置为长度的一半，radius的左上角和右上角的值设为高度值一样，其他两个值为0
    查看全部
    0 采集 收起 来源：CSS3边框 圆角效果 border-radius

    2015-08-19

  • 水月锦华
    设置动画时间外属性 animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值：none、forwards、backwords和both。其四个属性值对应效果如下： 属性值 效果 none 默认值，表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处 forwards 表示动画在结束后继续应用最后的关键帧的位置 backwards 会在向元素应用动画样式时迅速应用动画的初始帧 both 元素动画同时具有forwards和backwards效果 在默认情况之下，动画不会影响它的关键帧之外的属性，使用animation-fill-mode属性可以修改动画的默认行为。简单的说就是告诉动画在第一关键帧上等待动画开始，或者在动画结束时停在最后一个关键帧上而不回到动画的第一帧上。或者同时具有这两个效果。
    查看全部
    0 采集 收起 来源：CSS3中设置动画时间外属性

    2015-08-19

  • 慕斯卡9626126
    transition-property用来指定过渡动画的CSS属性名称，而这个过渡属性只有具备一个中点值的属性（需要产生动画的属性）才能具备过渡效果 特别注意：当“transition-property”属性设置为all时，表示的是所有中点值的属性。
    查看全部
    0 采集 收起 来源：CSS3中的动画--过渡属性 transition-property

    2015-08-19

  • 慕斯卡9626126
    怎么样的布局或者说HTML结构才是简单干净的呢？ 这里教大家一个快速测试的方法。 你首先禁掉你页面中所有的样式（以及与样式相关的信息），在浏览器中打开，如果你的内容排列有序，方便阅读，那么你的这个结构不会差到哪里去。
    查看全部
    0 采集 收起 来源：Responsive布局技巧

    2015-08-19

  • 慕斯卡9626126
    在Responsive布局中，可以毫无保留的丢弃： 第一， 尽量少用无关紧要的div； 第二，不要使用内联元素（inline）； 第三，尽量少用JS或flash； 第四，丢弃没用的绝对定位和浮动样式； 第五，摒弃任何冗余结构和不使用100%设置。 有哪些东东能帮助Responsive确定更好的布局呢？ 第一，使用HTML5 Doctype和相关指南； 第二，重置好你的样式（reset.css）； 第三，一个简单的有语义的核心布局； 第四，给重要的网页元素使用简单的技巧，比如导航菜单之类元素。 注意！！！使用这些技巧，无非是为了保持你的HTML简单干净，而且在你的页面布局中的关键部分（元素）不要过分的依赖现代技巧来实现，比如说CSS3特效或者JS脚本。
    查看全部
    0 采集 收起 来源：Responsive布局技巧

    2015-08-19

  • 慕斯卡9626126
    4.屏幕分辨率 5.主要断点（主要断点，在Web开发中是一个新词，但对于Responsive设计中是一个很重要的一部分。简单的描述就是，设备宽度的临界点。 在Media Queries中，其中媒体特性“min-width”和“max-width”对应的属性值就是响应式设计中的断点值。简单点说，就是使用主要断点和次要断点，创建媒体查询的条件。而每个断点会对应调用一个样式文件（或者样式代码）
    查看全部
    0 采集 收起 来源：Responsive设计（二）

    2015-08-19

  • _Cc_2
    这个 好好tes一下，很多参数不理解
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（一）

    2015-08-19

首页上一页806807808809810811812下一页尾页

举报

0/150
提交
取消
开始学习
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下，建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么？
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果
友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程