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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • 小呵呵
    color:rgba(0,0,0,0.3); 简写方式color:rgba(0,0,0,.3); rgb范围0-255 不透明度范围0-1，小数点后可以有两位数，也就是允许.27这种写法
    查看全部
    0 采集 收起 来源：CSS3颜色 颜色之RGBA

    2015-05-01

  • 小呵呵
    border-image:url() 70 70 70 70 repeat; 图片路径 图片切分多少px（上 右 下 左），切分完毕后正好是9块，根据这9块去做效果 px可以省略不写，70 70 70 70可简写为70 repeat图片重复，宽度不好的话，图片显示不全 round图片重复，即使宽度不好，图片通过拉伸也可以显示全 stretch默认值，可不写，拉伸
    查看全部
    0 采集 收起 来源：CSS3边框 为边框应用图片 border-image

    2015-04-30

  • 小呵呵
    box-shadow:0 0 5px 0 red inset; 水平偏移位置 垂直偏移位置 模糊程度 扩展 颜色 阴影位置（inset里面 outset外面-默认值） 扩展一般不常用 box-shadow:0 0 5px rgba(0,0,0,0.3);默认是outset的话，可以不用写 下面是外阴影的情况 水平正值 阴影在右边 垂直正值 阴影在下边 水平负值 阴影在左边 垂直负值 阴影在上边 如果是内阴影的话，正好相反 水平正值 阴影在左边 垂直正值 阴影在上边 水平负值 阴影在右边 垂直负值 阴影在下边 模糊程度必须是正值 扩展可为正值也可为负值 颜色可用rgba值 可以有多个阴影，用逗号隔开 box-shadow:0 1px 5px rgba(0,0,0,0.3),0 0 20px rgba(0,0,0,0.1) inset;
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（一）

    2015-04-29

  • 小呵呵
    css3 ie9开始支持，ie10能够很好的支持 -webkit chrome和safari -moz firefox -ms IE -o opera
    查看全部
    0 采集 收起 来源：什么是CSS3？

    2015-04-29

  • 小呵呵
    border-radius:10px; border-radius:10px 5px 3px 4px;上 右 下 左 上面的都是水平和垂直半径一样的 border-radius:100px/10px; 水平半径/垂直半径
    查看全部
    0 采集 收起 来源：CSS3边框 圆角效果 border-radius

    2015-04-29

  • 洛雪
    案例：
    查看全部
    0 采集 收起 来源：CSS3 伸缩布局（一）

    2015-04-29

  • dadaism
    在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。 前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera
    查看全部
    0 采集 收起 来源：什么是CSS3？

    2015-04-29

  • dxfan5
    表示看的有点晕~
    查看全部
    0 采集 收起 来源：切换背景图像综合练习题

    2015-04-29

  • Leridy_Lei
    text-overflow 与 word-wrap text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。 语法： 但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，代码如下： text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 同时，word-wrap也可以用来设置文本行为，当前行超过指定容器的边界时是否断开转行。 语法： normal为浏览器默认值，break-word设置在长单词或 URL地址内部进行换行，此属性不常用，用浏览器默认值即可。
    查看全部
    0 采集 收起 来源：CSS3文字与字体 text-overflow 与 word-wrap

    2015-04-28

  • 等待消散
    box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（一）

    2015-04-28

  • 等待消散
    border-radius是向元素添加圆角边框。然后他的的值可以是1个也可以是4个，4个的话 就是 左上角，右上角，右下角，左下角。和padding一样也是顺时针设置
    查看全部
    4 采集 收起 来源：CSS3边框 圆角效果 border-radius

    2015-04-28

  • 等待消散
    css3可以实现圆角，图片边框，文字阴影和盒阴影，过渡、动画等 选择器：减少在标签中的class和ID的数量更方便的维护样式表、更好的实现结构与表现的分离。 圆角/块阴影与文字阴影 色彩：CSS3支持HSL ， CMYK ，HSLA and RGBA 渐变效果： 个性化字体： 多背景图：一个元素上添加多层背景图片 边框背景图： 变形处理：对HTML元素进行旋转、缩放、倾斜、移动、甚至以前只能用JavaScript实现的强大动画 多栏布局：可以让你不用使用多个div标签就能实现多栏布局。浏览器解释这个属性并生成多栏，让文本实现一个仿报纸的多栏结构。 媒体查询：针对不同屏幕分辨率，应用不同的样式。
    查看全部
    0 采集 收起 来源：CSS3能做什么？

    2015-04-28

  • 等待消散
    什么是CSS3？ CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1的基础上增加了很多强大的新功能。 目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了。 在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。 前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera
    查看全部
    0 采集 收起 来源：什么是CSS3？

    2015-04-28

  • Leridy_Lei
    666666
    查看全部
    0 采集 收起 来源：CSS3颜色 渐变色彩 

    2015-04-28

  • Leridy_Lei
    颜色之RGBA RGB是一种色彩标准，是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。 语法： color：rgba(R,G,B,A) 以上R、G、B三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数，取值在0~1之间，不可为负值。 代码示例： background-color:rgba(100,120,60,0.5);
    查看全部
    0 采集 收起 来源：CSS3颜色 颜色之RGBA

    2015-04-28

首页上一页974975976977978979980下一页尾页

举报

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

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

查看已购买的课程