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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • CSS3的过度transition属性是一个复合属性,主要包括以下几个子属性: transition-property:指定过渡或动态模拟的CSS属性 transition-duration:指定完成过渡所需的时间 transition-timing-function:指定过渡函数 transition-delay:指定开始出现的延迟时间
    查看全部
  • 单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素
    查看全部
  • 可以在input标签内直接写disabled来使它不可用
    查看全部
  • background-origin 设置元素背景图片的原始起始位置。 语法: background-origin : border-box | padding-box | content-box; 参数分别表示背景图片是从边框,还是内边距(默认值),或者是内容区域开始显示。 效果如下:
    查看全部
  • @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"; }
    查看全部
  • text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
    查看全部
  • css 中使用disabled 时 html 中得有disabled 属性
    查看全部
  • css 设置read-only 时候 html代码中得有redaonly="readonly"
    查看全部
  • text-shadow可以用来设置文本的阴影效果。 语法:text-shadow: X-Offset Y-Offset blur color; X-Offset:表示阴影的水平偏移距离,其值为正值时阴影向右偏移,反之向左偏移; Y-Offset:是指阴影的垂直偏移距离,如果其值是正值时,阴影向下偏移,反之向上偏移; Blur:是指阴影的模糊程度,其值不能是负值,如果值越大,阴影越模糊,反之阴影越清晰,如果不需要阴影模糊可以将Blur值设置为0; Color:是指阴影的颜色,其可以使用rgba色。
    查看全部
  • font-face能够加载服务器端的字体文件,让浏览器端可以显示用户电脑里没有安装的字体。 语法: @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }
    查看全部
  • text-overflow 与 word-wrap<br> text-overflow用来设置是否使用一个省略标记(...)标示对象内文本的溢出。<br> 语法:text-overflow:clip[剪裁]|ellipsis[省略]<br> 但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果,代码如下:<br> <br> text-overflow:ellipsis; <br> overflow:hidden; <br> white-space:nowrap; <br> 同时,word-wrap也可以用来设置文本行为,当前行超过指定容器的边界时是否断开转行。<br> 语法:word-wrap:normal[控制连续文本换行]|break-word[内容将在边界内换行]<br> normal为浏览器默认值,break-word设置在长单词或 URL地址内部进行换行,此属性不常用,用浏览器默认值即可。
    查看全部
  • linear-gradient[线性渐变](渐变方向,颜色起始点,颜色结束点[不小于2]) 渐变方向:0 deg=to top[从下向上]/90 deg=to right[从左向右]/180 deg=to bottom[从上向下]/270 deg=to left[从右向左]/to top left [右下角到左上角]/to top right[左下角到右上角]
    查看全部
  • CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。
    查看全部
  • 颜色之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之间,不可为负值。
    查看全部
  • 1、阴影模糊半径与阴影扩展半径的区别 阴影模糊半径:此参数可选,其值只能是为正值,如果其值为0时,表示阴影不具有模糊效果,其值越大阴影的边缘就越模糊; 阴影扩展半径:此参数可选,其值可以是正负值,如果值为正,则整个阴影都延展扩大,反之值为负值时,则缩小; 2、X轴偏移量和Y轴偏移量值可为负,为负表示反方向。
    查看全部

举报

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

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