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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • “::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。 火狐模式下需要使用兼容 ::selection{background:orange;color:white;} ::-moz-selection{background:orange;color:white;}
    查看全部
  • “:disabled” ==> 不可用 “:enabled” ==> 可用
    查看全部
  • “:only-of-type”是表示一个元素他有很多个子元素,而其中只有一种类型的子元素是唯一的,使用“:only-of-type”选择器就可以选中这个元素中的唯一一个类型子元素。
    查看全部
  • “:only-child”选择器选择的是父元素中只有一个子元素,而且只有唯一的一个子元素。也就是说,匹配的元素的父元素中仅有一个子元素,而且是一个唯一的子元素。
    查看全部
  • “:nth-of-type(n)”选择器来定位于父元素中某种类型的子元素
    查看全部
  • “:first-of-type”选择器,指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素 例如: .wrapper > div:first-of-type{...} .wrapper下面的第一个div
    查看全部
  • animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。 四个属性值对应效果如下: none 默认值,表示动画将按预期进行和结束,在动画完成其最后一帧时,动画会反转到初始帧处 forwards 表示动画在结束后继续应用最后的关键帧的位置 backwards 会在向元素应用动画样式时迅速应用动画的初始帧 both 元素动画同时具有forwards和backwards效果
    查看全部
  • ":nth-last-child(n)" 从某父元素的最后一个子元素开始计算,来选择特定的元素。
    查看全部
  • “:nth-child(n)”选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数,而且可以是整数值(1,2,3,4),也可以是表达式(2n+1、-n+5)和关键词(odd、even),但参数n的起始值始终是1,而不是0。也就是说,参数n的值为0时,选择器将选择不到任何匹配的元素。
    查看全部
  • nimation-play-state属性主要用来控制元素动画的播放状态。 参数: 其主要有两个值:running和paused。 其中running是其默认值,主要作用就是类似于音乐播放器一样,可以通过paused将正在播放的动画停下来,也可以通过running将暂停的动画重新播放,这里的重新播放不一定是从元素动画的开始播放,而是从暂停的那个位置开始播放。另外如果暂停了动画的播放,元素的样式将回到最原始设置状态。 例如,页面加载时,动画不播放。代码如下: animation-play-state:paused;
    查看全部
  • “:first-child”选择器表示的是选择父元素的“第一个”子元素的元素E。 “:last-child” 选择器表示的是选择父元素的“最后一个”子元素的元素E。
    查看全部
  • :target选择器称为目标选择器,用来匹配文档(页面)的url的某个标志符的目标元素 a标签的路径链接名称要与id的名称相对应 点击此链接显示或添加此段落的样式
    查看全部
  • :empty选择器表示的就是空。用来选择没有任何内容的元素,这里没有内容指的是一点内容都没有,哪怕是一个空格。
    查看全部
  • :not选择器称为否定选择器 语法:input:not([type="submit"]){....} 注意not有括号包含。
    查看全部
  • :root选择器,从字面上我们就可以很清楚的理解是根选择器,他的意思就是匹配元素E所在文档的根元素。在HTML文档中,根元素始终是<html>。 ":root"选择器等同于<html>元素 :root{background:green;} == html{background:orange;} 建议使用:root方法 另外在IE9以下还可以借助“:root”实现hack功能。
    查看全部

举报

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

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