css Second Day

交集选择器、并集选择器、后代选择器、子代选择器

伪类选择器：link ： 未访问的链接 ；visited ： 已访问的链接 ；hover ： 鼠标移入时     active  ：   鼠标单击时  （可以联想为 love hate 爱恨）

清除无序列表的小点

{ list-style:none; }

清除a的下划线

{ text-decoration:none;}

宽高属性

注意要加单位px

{

width:200px;

height:200px;

}

块状元素：h1-h6，p，div，ul，li，ol，dl，dd，dt，table，tr，caption，form等

行内元素：<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>等

行内元素的特点：

1、有默认的宽高，宽高是内容所撑起来的

2、宽高设置是无用的

3、相邻的行内元素或者行内块元素在同一行上显示

4、只可以容纳行内元素与内容

5、水平方向上的外边距和内边距可以设置，垂直方向设置无用

行内块元素：<img />、<input />、<label>、<select>、<option>

行内块元素的特点：

1、有默认的宽高，是元素本身的宽高

  2、宽高是可以设置的

            3、相邻的行内元素或者行内块元素在同一行上显示

            4、一般不容纳其他元素

            5、外边距和内边距都是可以设置的

块转行内：display:inline;

行内转块：display:block;

块、行内元素转换为行内块： display: inline-block;

background：

1、

background-color	背景颜色
background-image	背景图片地址
background-repeat	是否平铺
background-position	背景位置
background-attachment	背景固定还是滚动

2、背景平铺

语法： background-repeat : repeat | no-repeat | repeat-x | repeat-y