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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • “:nth-of-type(n)”选择器和“:nth-child(n)”选择器非常类似,不同的是它只计算父元素中指定的某种类型的子元素。当某个元素中的子元素不单单是同一种类型的子元素时,使用“:nth-of-type(n)”选择器来定位于父元素中某种类型的子元素是非常方便和有用的。在“:nth-of-type(n)”选择器中的“n”和“:nth-child(n)”选择器中的“n”参数也一样,可以是具体的整数,也可以是表达式,还可以是关键词。
    查看全部
  • E:first-of-type 选择器 第一个类型 E:nth-of-type(n) 选择器 第n个类型,其中n的起始值为1 ,odd为偶数,even为奇数 E:last-of-type 选择器 最后一个类型 E:nth-last-of-type(n) 选择器 倒数第n个类型 E:only-of-type{}父元素中只有唯一一个类型
    查看全部
  • 有关:-child选择器: E:first-child伪类 会选择第一个子元素 例如:p:first-child{}--第一个p元素 p>i:first-child{}--所有p的第一个i p:first-child i{}--第一个p的所有i E:last-child伪类与first-child伪类类似 E:nth-child(n),其中n的起始值为1 ,odd为偶数,even为奇数 ,从第一个元素算起 E:nth-last-child(n),从最后一个元素算起,即倒数第n个 E:only-child{}父元素中只有唯一一个子元素
    查看全部
  • “:first-of-type”选择器类似于“:first-child”选择器,不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。
    查看全部
  • “:nth-child(n)”选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数,而且可以是整数值(1,2,3,4),也可以是表达式(2n+1、-n+5)和关键词(odd、even),但参数n的起始值始终是1,而不是0。也就是说,参数n的值为0时,选择器将选择不到任何匹配的元素。 经验与技巧:当“:nth-child(n)”选择器中的n为一个表达式时,其中n是从0开始计算,当表达式的值为0或小于0的时候,不选择任何匹配的元素。如下表所示:
    查看全部
  • “:last-child”选择器与“:first-child”选择器作用类似,不同的是“:last-child”选择器选择的是元素的最后一个子元素。
    查看全部
  • “:first-child”选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素,记住是子元素,而不是后代元素。
    查看全部
  • 用来设置执行次数 animation-iteration-count: value; value:1-n value:infinite transform:translate(180px,180px);坐标系应该是倒过来的
    查看全部
    1 采集 收起 来源:CSS3中调用动画

    2015-02-06

  • 经验与技巧:在@keyframes中定义动画名称时,其中0%和100%还可以使用关键词from和to来代表,其中0%对应的是from,100%对应的是to。
    查看全部
  • 这样就好了
    查看全部
  • #E:target {}用来匹配文档(页面)的url的某个标志符的目标元素。
    查看全部
  • 6个属性的意思的:第一个宽度比例1就是原大小,第二个是上下倾斜1就是2倍,2就是3倍,第三个是左右倾斜,数字和第二个一样的意思,第四个是高度比例1就是原大小,第五个是X方向的像素位移,X方向就是左右,第六个是Y方向的像素位移,X方向就是上下
    查看全部
  • after和before以为是在CSS加载前与加载后的显示不同,做些了使用原来是增加新的属性。呵呵 好简单
    查看全部
  • :empty{}用来选择没有任何内容的元素,哪怕是一个空格。
    查看全部
  • **:not([***="***"]){} 选择除某个元素之外的所有元素
    查看全部

举报

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

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