背景

能使用emmet语法 CSS的复合选择器 CSS的元素显示模式   块、行内、行内块 CSS的背景 CSS的三大特性 CSS的注释 能够使用CSS复合选择器 能够写出伪类选择器的使用规范 能够说出元素有几种显示模式 能够写出元素显示模式的相互转换代码 能够写出背景图片的设置方式 能够计算CSS的权重

Emmet语法就是在文本编辑器快速生成html和css结构 例如 div加键盘tab 能快速生成<div></div> 2、 div*3 加tab   3、父子级 ul>li  加tab   4、div+p 兄弟关系   5、.nav #banner  会生成class和 id名的 div  或者p.one 和 span.gray 例子: ul>li#two    6、.demo$*5   $从1顺序开始    7、div{内容} 生成div+内容  div{aaa}$*5   CSS复合选择器，建立在基础选择器之上对基本选择器进行组合形成的。 复合选择器：后代选择器、子选择器、并集选择器、伪类选择器 后代选择器（重要）  ol li {color：red；} 子元素选择器：就是选亲儿子元素  .nav>a{} 不会选到孙子 并集选择器：div,p{} 伪类选择器    a:link 选择未被访问链接   a:visited 已访 问链接   a:hover鼠标经过的链接    a:active鼠标按下未弹起的链接 :focus伪类选择器 用于选取 焦点的表单元素 input:focus{} // 把获得光标的input表单元素选取出来   CSS元素显示模式 1、什么是元素的显示模式  2、元素显示模式的分类  3、元素显示模式的转换 2.1什么是元素显示模式  ，就是标签以什么方式进行显示，div占一行，一行多个span 块元素 <h1>~<h6> <p> <div> <ul> <ol> <li> 块元素特点： 1、独占一行 2、高度 宽度 内外边距都可以设置 3、宽度默认是父元素100% 4、是一个容器，可以放 行内或块元素。 行内元素 <span> <a> 等等 行内元素特点： 1、一行显示多个行内元素  2、宽高设置无效  3、默认宽度就是本身宽度（文字多宽 默认多宽） 4、行内只能放文本 行内元素 行内块元素 行内块元素特点  1、一行多个  2、默认宽度就是本身内容宽度  3、可以设置 宽高内外边距   2.5元素显示模式转换 比如想要增加链接<a>的触发范围 转换为块元素:display:block;  转为行内元素 display:inline; 行内块:display:inline-block   CSS的背景 背景颜色， 背景图片，背景平铺、背景图片位置、背景图像固定 背景图片 优点是便于控制位置（装饰性图片，超大背景图片，LOGO、精灵图都用背景图片） background-image: url 背景平铺 background-repeat | no-repeat | repeat-x | repeat-y 背景图片位置  background-position: center top //让图片靠上中间 背景图像固定 background-attachment : scroll 滚动 | fixed//固定 复合写法： background: transparent url(image.jpg) repeat-y fixed top;  背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置   背景色半透明 background : rgba(0,0,0,0.3);   CSS的三大特性 　层叠性、继承性、优先级 层叠性 ： 就近原则，谁靠下执行哪个样式 继承性 ： 子标签会继承父标签的样式 div{color:red} <div><p>aaa</p></div>   p     会显示红色 并不是所有样式都会继承，跟文字相关的会继承 text-  font-  line- 元素开头的可以继承 以及color属性 行高的继承性:      优先级 ： 父亲权重100 子继承的权重是0   权重叠加： div ul li  --> 0,0,0,3  .nav ul li --> 0,0,1,2  a:hover --> 0,0,1,1  .nav a -->0,0,1,1