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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • /*使用伪元素制作导航列表项分隔线*/ .nav li:after{ content:""; position:absolute; top:14px; right:0px; width:1px; height:25px; background:linear-gradient(to bottom,#f82f87,#B0363F,#f82f87) } /*删除第一项和最后一项导航分隔线*/ .nav li:last-child:after{ background:none; }
    查看全部
  • “:nth-last-of-type(n)”选择器和“:nth-of-type(n)”选择器是一样的,选择父元素中指定的某种子元素类型,但它的起始方向是从最后一个子元素开始,而且它的使用方法类似于上节中介绍的“:nth-last-child(n)”选择器一样。
    查看全部
  • :last-of-type 选择器选择的是父元素下的某个类型的最后一个子元素。 语法: 选择器 > 类型:last-of-type{ 声明语句 }
    查看全部
  • “:nth-of-type(n)”选择器和“:nth-child(n)”选择器非常类似,不同的是它只计算父元素中指定的某种类型的子元素。当某个元素中的子元素不单单是同一种类型的子元素时,使用“:nth-of-type(n)”选择器来定位于父元素中某种类型的子元素是非常方便和有用的。在“:nth-of-type(n)”选择器中的“n”和“:nth-child(n)”选择器中的“n”参数也一样,可以是具体的整数,也可以是表达式,还可以是关键词。
    查看全部
  • :first-of-type 选择器用来定位一个父元素下的某个类型的第一个子元素。 语法: 选择器 > 类型:first-of-type{ 声明语句 }
    查看全部
  • :nth-last-child(n) 选择器从某父元素的最后一个子元素开始计算,来选择特定的元素。
    查看全部
  • :nth-child(n) 选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数,而且可以是整数值(1,2,3,4),也可以是表达式(2n+1、-n+5)和关键词(odd、even),但参数n的起始值始终是1,而不是0。也就是说,参数n的值为0时,选择器将选择不到任何匹配的元素。
    查看全部
  • :last-child 选择器选择的是元素的最后一个子元素
    查看全部
  • :first-child 选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素,记住是子元素,而不是后代元素。
    查看全部
  • :target 选择器称为目标选择器,用来匹配文档(页面)的url的某个标志符的目标元素 1、具体来说,触发元素的URL中的标志符通常会包含一个#号,后面带有一个标志符名称,上面代码中是:#brand 2、:target就是用来匹配id为“brand”的元素(id="brand"的元素),上面代码中是那个div元素。
    查看全部
  • :empty 选择器表示的就是空。用来选择没有任何内容的元素,这里没有内容指的是一点内容都没有,哪怕是一个空格
    查看全部
  • :not 选择器称为否定选择器,和jQuery中的:not选择器一模一样,可以选择除某个元素之外的所有元素。 语法: 选择器:not([属性[通配符]=字段]){ 声明语句 }
    查看全部
  • :root 选择器,从字面上我们就可以很清楚的理解是根选择器,他的意思就是匹配元素E所在文档的根元素。在HTML文档中,根元素始终是<html>。
    查看全部
  • ^=x匹配类或者属性值开头为x的元素; $=x匹配结尾为x的元素; *=x匹配属性值任意位置含有x一致的字母
    查看全部
  • 用逗号隔开每组 background 的缩写值; 如果有 size 值,需要紧跟 position 并且用 "/" 隔开; 如果有多个背景图片,而其他属性只有一个(例如 background-repeat 只有一个),表明所有背景图片应用该属性值。 background-color 只能设置一个。
    查看全部

举报

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

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