派生选择器：li

属性选择器：[title]{}

属性和值选择器：[id="id1"]  {  }

属性和值选择器 - 多个值:[title~=hello] { color:red; }

后代选择器：div  ul  li{  }     作为某元素后代的所有元素

子元素选择器：li > em {   }     只能选择作为某元素子元素的元素

相邻兄弟选择器:li+li {   }   选择紧接在另一元素后的元素，且二者有相同父元素。

• List item 1
• List item 2
• List item 3

background-position 属性改变图像在背景中的位置。background-position:top/ center/bottom/right/left

background-attachment:fixed/scroll 文档向下滚动时，背景图像也随之滚动

text-indent:5em 属性，可以方便地实现文本缩进

word-spacing :30px 属性可以改变字（单词）之间的标准间隔

letter-spacing :10px 属性  字符或字母之间的间隔

text-transform 属性   处理文本的大小写       none     uppercase大写    lowercase小写     capitalize首字母大写

text-decoration   none  underline 下划线     overline 上划线        line-through 中间贯穿线

direction 属性    ltr  rtl       影响块级元素中文本的书写方向、表中列布局的方向、内容水平填充其元素框的方向、以及两端对齐元素中最后一行的位置。

font-family :Sans-serif 属性 定义文本的字体系列

font-style 属性最常用于规定斜体文本     normal 正常     italic 斜体         oblique 倾斜

font-variant 属性可以设定小型大写字母  

a:link - 普通的、未被访问的链接

a:visited - 用户已访问的链接

a:hover - 鼠标指针位于链接的上方

a:active - 链接被点击的时刻

list-style-type：disc实心圆    circle空心圆   square实心方块   decimal数字   upper-roman大写罗马数字

list-style-image对各标志使用一个图像

list-style-position     inside  outside  列表项标志的位置

border-collapse是否把表格边框合并为单一的边框   separate    collapse合并

border-spacing设置分隔单元格边框的距离

caption-side表格标题的位置   top  bottom

empty-cells设置是否显示表格中的内容为空的单元格。hide show

table-layout设置显示单元、行和列的算法   automatic列宽度由单元格内容设定   fixed列宽由表格宽度和列宽度设定

outline：绘制于元素周围的一条线 outline-color  outline-width   outline-style(dotted点，dashed虚线轮廓，solid实线轮廓。。。）

padding border margin 

外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。

合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者

display 属性:

伪类：

:active向被激活的元素添加样式

:focus拥有键盘输入焦点

:hover鼠标悬浮在元素上方

:link未被访问的链接

:visited已被访问的链接

:first-child元素的第一个子元素

:lang带有指定 lang 属性的元素

 伪元素：

:first-letter向文本的第一个字母添加特殊样式。

:first-line向文本的首行添加特殊样式

:before在元素之前添加内容。

:after在元素之后添加内容

 对齐：

1，margin-left:auto; margin-right:auto;

2，position:absolute;  right:0px;

3，float:right;

尺寸：

line-height设置行高  max-height   min-width

visibility: visible   invisible元素可见

cursor   default默认光标箭头   crosshair 十字线   pointer一只手   move此光标指示某对象可被移动

overflow：auto  scroll  hidden解决溢出

clip:rect (top, right, bottom, left)裁剪元素（图片形状）。

virticle-align:

baseline默认    元素放置在父元素的基线上

 sub垂直对齐文本的下标     super垂直对齐文本的上标  

 top把元素的顶端与行中最高元素的顶端对齐        bottom把元素的顶端与行中最低的元素的顶端对齐

text-top把元素的顶端与父元素字体的顶端对齐    middle把此元素放置在父元素的中部   text-bottom把元素的底端与父元素字体的底端对齐

z-index:默认正常文档流的z-index=0;