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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 外阴影:.box_shadow{ box-shadow:4px 2px 6px #333333; 内阴影:.box_shadow{ box-shadow:4px 2px 6px #333333 inset; } 多个阴影,只需用逗号.box_shadow{ box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset; } }
    查看全部
  • border-radius是向元素添加圆角边框,/* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */ border-radius 的单位是 px(常用),可以用百分比或者em,但兼容性目前还不太好. 实心上半圆: 方法:把高度(height)设为宽度(width)的一半,并且只设置左上角和右上角的半径与元素的高度一致(大于也是可以的) 实心圆: 方法:把宽度(width)与高度(height)值设置为一致(也就是正方形),并且四个圆角值都设置为它们值的一半
    查看全部
  • 圆角效果: border-radius; 块阴影与文字阴影: 新颜色 css3支持 hsl,cmyk,hsla rgba @font-face 定制字体
    查看全部
    0 采集 收起 来源:CSS3能做什么?

    2017-02-13

  • transform-style属性用法:http://www.w3school.com.cn/cssref/pr_transform-style.asp
    查看全部
    0 采集 收起 来源:什么是CSS3?

    2017-02-12

  • 不同浏览器对应不同的前缀 前缀 浏览器 -webkit chrome和Safari -moz Firefox -ms IE -o opera
    查看全部
    0 采集 收起 来源:什么是CSS3?

    2017-02-12

  • animation属性用法:http://www.w3school.com.cn/cssref/pr_animation.asp
    查看全部
    0 采集 收起 来源:什么是CSS3?

    2017-02-12

  • text-shadow属性的用法:http://www.w3school.com.cn/cssref/pr_text-shadow.asp
    查看全部
    0 采集 收起 来源:什么是CSS3?

    2017-02-12

  • @font-face能够加载服务器端的字体文件,让浏览器端可以显示用户电脑里没有安装的字体。
    查看全部
  • 在编写CSS3样式时,不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分,是浏览器的私有属性,虽然目前较新版本的浏览器都是不需要前缀的,但为了更好的向前兼容前缀还是少不了的。 前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera
    查看全部
    0 采集 收起 来源:什么是CSS3?

    2017-02-12

  • 1、阴影模糊半径与阴影扩展半径的区别 阴影模糊半径:此参数可选,其值只能是为正值,如果其值为0时,表示阴影不具有模糊效果,其值越大阴影的边缘就越模糊; 阴影扩展半径:此参数可选,其值可以是正负值,如果值为正,则整个阴影都延展扩大,反之值为负值时,则缩小; 2、X轴偏移量和Y轴偏移量值可以设置为负数
    查看全部
  • a为元素的水平伸缩量,1为原始大小; b为纵向扭曲,0为不变; c为横向扭曲,0不变; d为垂直伸缩量,1为原始大小; e为水平偏移量,0是初始位置; f为垂直偏移量,0是初始位置;
    查看全部
  • 清除浮动 .clearfix:before,.clearfix:after{content:"";display:table} .clearfix:after{clear:both;overflow:hidden}
    查看全部
    0 采集 收起 来源:CSS生成内容

    2018-03-22

  • 伪元素有点晕
    查看全部
  • so easy
    查看全部
  • 文字文本阴影text-shadow:X-offset Y-offset blur color(X轴正值表示向右偏移,Y轴正值表示向下偏移,blur表示阴影的模糊程度,不能取负值,color:表示颜色,可以用rgba色);
    查看全部

举报

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

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