学习css选择器与变迁的分类

css选择器分为：

一、复合选择器

1.交集选择器 h3.class{属性：值 属性：值 }

2.并集选择器 .class，h3{ 属性：值 属性：值 }

3.后代选择器 .class h3{属性：值 属性：值}

4.子代选择器 .class>"h3{ 属性：值 属性：值}

二.伪类选择器

1.链接伪类选择器

：link 未访问的链接 ：visited 以访问的链接 ：hover 鼠标移入使 ：active 鼠标单机时

2.清楚无序列表的小点

list-style：none

清除a的下划线
{ text-decoration:none;}
宽高属性
注意要加单位px
{
width:200px;
height:200px;
}

三.标签显示模式

块状元素

1、有默认的宽高，宽是父元素的100%，高度是内容所撑起来的高度
2、宽高可以设置
3、独占一行
4、可以容纳任意的元素（h/p元素不能容纳块状元素）
5、可以设置外边距和内边距的。

行内元素

常见的行内元素有a、strong、b、em、i、del、s、ns、u、span等，其中span标签最典型的行内元素。
行内元素的特点：
1、有默认的宽高，宽高是内容所撑起来的
2、宽高设置是无用的
3、相邻的行内元素或者行内块元素在同一行上显示
4、只可以容纳行内元素与内容
5、水平方向上的外边距和内边距可以设置，垂直方向设置无用
 

行内块元素

img、input 、label、select、option

1、有默认的宽高，是元素本身的宽高
            2、宽高是可以设置的
            3、相邻的行内元素或者行内块元素在同一行上显示
            4、一般不容纳其他元素
            5、外边距和内边距都是可以设置的

4.标签显示模式转换 

块转行内：display:inline;
行内转块：display:block;
块、行内元素转换为行内块： display: inline-block;
四.CSS 背景(background)

1、背景图片
语法： background-image : none | url (url) 
 

2、背景平铺
语法： background-repeat : repeat | no-repeat | repeat-x | repeat-y