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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • :root选择器,从字面上我们就可以很清楚的理解是根选择器,他的意思就是匹配元素E所在文档的根元素。在HTML文档中,根元素始终是<html>
    查看全部
  • 不太懂
    查看全部
  • background-size 设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。 语法: background-size: auto | <长度值> | <百分比> | cover | contain 取值说明: 1、auto:默认值,不改变背景图片的原始高度和宽度; 2、<长度值>:成对出现如200px 50px,将背景图片宽高依次设置为前面两个值,当设置一个值时,将其作为图片宽度值来等比缩放; 3、<百分比>:0%~100%之间的任何值,将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值,当设置一个值时同上; 4、cover:顾名思义为覆盖,即将背景图片等比缩放以填满整个容器; 5、contain:容纳,即将背景图片等比缩放至某一边紧贴容器边缘为止。
    查看全部
  • background-clip 用来将背景图片做适当的裁剪以适应实际需要。 语法: background-clip : border-box | padding-box | content-box | no-clip 参数分别表示从边框、或内填充,或者内容区域向外裁剪背景。no-clip表示不裁切,和参数border-box显示同样的效果。backgroud-clip默认值为border-box。
    查看全部
  • ::before和::after这两个主要用来给元素的前面或后面插入内容 "::"表示伪元素; ":"表伪类
    查看全部
  • :read-write选择器,主要用来指定当元素处于非只读状态时的样式。
    查看全部
  • :read-only选择器,用来指定处于只读状态元素的样式。即,选取元素中设置了“readonly=’readonly’”的元素。
    查看全部
  • ::selection选择器,改变被选中文本样式。 注意:在Firefox浏览器还需要添加前缀-moz- 例:
    查看全部
  • :checked选择器
    查看全部
  • 有可用(“:enabled”)和不可用(“:disabled”)选择器 例: input[type="text"]:enabled { background: #ccc; border: 2px solid red; }
    查看全部
  • :only-of-type: 表示一个元素他有很多个子元素,而其中只有一种类型的子元素是唯一的。使用“:only-of-type”选择器就可以选中这个元素中的唯一一个类型子元素。 例:
    查看全部
  • only-child:选择的是父元素中只有一个子元素,而且只有唯一的一个子元素 例:
    查看全部
  • nth-last-of-type(n):选择父元素中指定的某种子元素类型,但它的起始方向是从最后一个子元素开始
    查看全部
  • last-of-type选择器,选取父元素下的某个类型的最后一个子元素。
    查看全部
  • nth-of-type(n)选择器:定位于父元素中某种类型的子元素 其中参数n可以是整数、表达式或关键字。 例:
    查看全部

举报

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

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