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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • background-clip 裁剪的时候不止背景图片会被裁掉,还有背景色也会被裁掉,简单而言就是会裁剪被设置掉的区域里的所有跟背景东西,但边框和内容都不会被裁剪掉
    查看全部
  • 一旦发现内容的排列有点奇怪的时候,要看看有没有相关元素被设置成了absolute,因为其他元素是默认其不存在的
    查看全部
  • background-origin,如果背景不是no-repeat,这个属性无效,它会从边框开始显示.
    查看全部
  • 区别,在CSS3中的变形,如rotate(),skew(),scale(),translate(),都可以使用矩阵matrix()函数来代替。 matrix(长度缩放,y轴扭曲,x轴扭曲,宽度缩放,x位移,y位移) Matrix()与translate()关系:translate(x,y)对应Matrix(1,0,0,1,x,y); Matrix()与scale()关系:scale(x,y)对应Matrix(x,0,0,y,0,0); Matrix()与rotate()关系:rotate(x)对应Matrix(cos(x),sin(x),-sin(x),cos(x),0,0) Matrix()与skew()关系:skew(x,y)对应Matrix(1,tan(x),tan(y),1,0,0)
    查看全部
  • 要正常使用“:disabled”选择器,需要在表单元素的HTML中设置“disabled”属性。
    查看全部
  • 只要选择器是type这类的,就相当于将与冒号前的元素类型相同的子元素全部提取出来,形成了一个集合,不管是first、last还是nth这种的,全部在提取出的这个集合里进行查找。 再跟其他类型子元素一点关系也没有。 举例: <div class="wrapper"> <div>我是一个Div元素</div> <p>我是一个段落元素</p> <div>我是一个Div元素</div> <p>我是一个段落</p> </div> .wrapper > div:nth-of-type(2n-1), //提取.wrapper中的div集合 .wrapper > p:nth-of-type(2n) //提取.wrapper中的p集合 { background: orange; }
    查看全部
  • 当某个元素中的子元素不单单是同一种类型的子元素时,使用“:nth-of-type(n)”选择器来定位于父元素中某种类型的子元素是非常方便和有用的。 就是说,如果子元素都为同一种类型,用:first-child,:last-child,:nth-child(n),nth-last-child(n); 如果子元素不止一种类型,那么一律用type这种的,方便定位指定的子元素类型。
    查看全部
  • “:nth-last-child(n)”选择器是从某父元素的最后一个子元素开始计算,来选择特定的元素。 就是说,:nth-child(n)是正着数的, :nth-last-child(n)是倒着数的。
    查看全部
  • 这里的参数n分两种情况: 1.当n为整数值,或者为n,2n,3n...等整数倍表达式时——n的起始值为1; 2.当表达式为2n-1,3n+2这种不规则表达式时——n的起始值为0;
    查看全部
  • :target选择器称为目标选择器,用来匹配文档(页面)的url的某个标志符的目标元素。 也就是说这个选择器只能用于有url的元素中,应该只能是a元素。
    查看全部
  • :empty选择器表示的就是空。用来选择没有任何内容的元素,这里没有内容指的是一点内容都没有,哪怕是一个空格。
    查看全部
  • ^是开头,$是结尾,*是包含(即任何位置)。 注意:这里面说的属性是指与html元素写在一起的属性,比如href、type等,而不是css属性
    查看全部
  • box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
    查看全部
  • 实现上下半圆时,高度为宽度的一半,border为左上、右上,或左下、右下(值同高度值);<br> 实现左右半圆时,宽度为高度的一半,border为左上、左下,或右上、右下(值同宽度值);
    查看全部
  • 注意: 用逗号隔开每组 background 的缩写值; 如果有 size 值,需要紧跟 position 并且用 "/" 隔开; 如果有多个背景图片,而其他属性只有一个(例如 background-repeat 只有一个),表明所有背景图片应用该属性值。 background-color 只能设置一个。
    查看全部

举报

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

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