CSS第二周复习与总结

一：复合选择器

1：后代选择器

选择父元素中的子元素（可选择多级，并不是只能选择两个）

父标签 子标签 {

}

二：子元素选择器

选择最近一级的子元素：

父标签>子标签  {

}

三：并集选择器

可以选择多个标签，用于集体声明

标签1,标签2  {

}

 四：伪类选择器（链接伪类类选择器+focus伪类选择器）

用于向某些选择器添加特殊效果

链接伪类选择器：

a：link/visted/hover/ active{

}

focus伪类选择器：

input:focus {

}

 二：元素显示模式

1：块元素

自己独占一行，最典型的是<div></div>

 2：行内元素

可以多个占一行

 3：行内块元素

兼有块元素和行内元素两者的性质

4：显示模式的转化

把行内元素转化为块元素

diaplay:block

把块元素转化为行内元素

display:inline

转化为行内块元素：

display:inline-block

三：背景

1：背景颜色background-color:

默认值为transparent;(透明）

 

2：背景图片background-image

 

3：背景平铺background-repeat

默认值为repeat

no-repeat:不平铺

repeat:平铺

repeat-x:沿x轴平铺

repeat-y:沿y轴平铺

4：背景位置background-position

background-position:x    y;

(1):x,y的值为left/right/top/bottom/center;

(2):x,y的值为0/20px/30px/100px.

(3)x,y的值为前两种的混合；

5：背景固定background-attachment

默认为scroll
background-attachment:scroll(滚动)/fixed(固定);

6:背景复合写法：

 

6：背景颜色半透明

 四：CSS三大特性

1：层叠性

2：继承性

 

3：优先级