css 选择器和属性

选择器：

动态伪类选择器（IE6时，只能给a标签添加。现在可以给任何一个标签添加）

:link      表示连接时的状态

:visited   表示访问过时的状态    (点击之后)

:hover     表示鼠标经过时的状态 ****

:active    表示鼠标点击时的状态

遵循LoVeHAte爱恨原则

:伪类选择器

:first-child

:last-child

:nth-child (n)第几个(2n+1)奇数行（2n）偶数行

:even  偶数  下标从0开始

:odd   奇数   下标从0开始

css属性：

1、文字属性：color：文字颜色；通常使用十六进制表示法和单词表示法；         文字颜色

    font-size：12px(页面整体文字大小)/14px（标题）/16px（标题）; 文字大小            font-family：宋体、黑体、微软雅黑microsoft yahei；           文字字体

    font-style：normal（正常）/italic（斜体）                   文字样式

    font-weight：100-900，normal/bold/bolder;                   文字加粗

段落属性：

   text-align:center/left/right                               文字水平对齐方式      text-indent:2em/20px;                                      文本缩进

   text-decoration:none/underline/overline/line-through        文本修饰

**none去除超链接下划线  **underline加上下划线   上划线   中间划线（删除线）

   line-height：22px/150%/200%/1.5/2 文本段落行距

   重要作用：使一行文本上下垂直居中，line-height：;

背景属性（background）（复合属性）：   px像素是固体  %是流体

background-color:#ff0;背景颜色

background-image:url（路径）;(背景图像)

background-repeat:repeat满屏重复/no-repeat不重复/repeat-x横向重复/repeat-y纵向重复;背景图像是否需要重复

background-position:x,y;

x:left right center  20px 20%

y:top  center bottom 20px 20%

backgroung:#ff0 url(../images/a.jpg) no-repeat left center;

vertical-align:bottom/top/middle;垂直方向对齐方式    给图像

需要添加超链接的图像就要插入图像：

不需要添加超链接的图像一般的时候都使用背景图像，用background这个css属性

列表属性：

list-style：none;去掉无需列表/有序列表的项目符号***

list-style-type:circle空圆圈/square/disc/lower-(小写4种)upper（大写4种）...

list-style-image:url();

list-style-positon:inside/outside;图像在文字（表格）的里面/外面

list-style:url(..//) inside; **

块级元素加宽度 再加margin：0 auto

加边框：border：1px solid #ff0；