CSS的知识总结（一）

对CSS的选择器部分进行总结

一、段落文字部分：

---

                1. 让段落是水平对齐还是居中对齐的属性就是用style中的属性text-align 属性值有居中、左对齐、右对齐
                2. 让段落是垂直对齐用的是style中的的vertical—align的属性，属性值有置顶、底部、中间
                3. 设置行与行之间的间隔用的是style中的line—height的属性 ，属性值有 正常、自定义设置的

二、背景属性部分：

                1. 设置背景颜色 的属性是用的background-color 可以使用RGB颜色自定义还可以使用正常的颜色
                2. 设置背景图片使用的是background-image：url("这个跟的是图片的地址")
                3. 设置背景图片是不是可以重复用的事background-repeat的属性，可以是repeat-X、repeat-Y、no-repeat
                4. 设置背景图片的位置是用background-position的属性，值是两个可以定义设置X%、Y%分别相对应的是水平位置和竖直位置（默认值都是0
                5. 设置固定背景图片是background-attachment的属性，属性值为fixed的时候就是固定了
                6. 设置图片的大小用的是background-size的属性（应该设置两个值，但是如果只设置一个的话第二个就会被设置成“”auto）
                7. 如果都要设置的话可以直接使用一个background：后面直接跟每一个属性的值就可以中间需要加一个空格

三、CSS选择器的属性部分：

1. 关系选择器：

                    a. 包含选择器  E F 就是选择E子标签下面的F标签内容进行修饰
                    b. 子选择符 E>F 就是选择E标签下面的字表签的内容
                    c. 相邻选择器E+F 就是说E和F是同一级别，会对F的第一个元素进行一个选择修饰（只能选中一个标签）
                    d. 兄弟选择器E~F 和3 差不多， 但是他可以对多个标签进行修饰

2. 伪类选择器：

                    a. 标签名：link{修饰内容}  这个是对超链接访问之前的样式（主要是特指a标签的效果）设置其他的没有效果
                    b. 标签名：visited{修饰内容} 这个是对超链接访问之后展示的样式（也是特指a标签）
                    c. 标签名：hover{修饰内容} 这个是当鼠标悬停在元素上时的样式不限a标签  ， 也可以是li标签 、p标签
                    d. 标签名：active{修饰内容} 这个是当鼠标按下时显示的样式（不仅仅对a标签适用)
                    e. 标签名：not(名字){修饰内容} 这个是表示除了含有那个名字的都能选择上

3. 属性选择器：

                    1）属性选择器就是标签[属性]{里面是选择的CSS样式}， 这样就可以对里面的内容进行修饰
                    2）标签[属性=“属性值”]{这是对其内容操作的内容} 例如a[href="#"]{里面是样式表的内容}
                    3）标签[属性~=“属性值”]{这是对亲内容的操作}只要是这个列表列表里面出现“属性值”，就能对其进行修饰（例如p[class~="p1(这个可以随便名)"]{操作内容}）
                    4） 标签[属性^="字母"]{操作内容}只要是以那个字母开头的都会被选中进行操作
                    5）标签[属性*="字母"]{操作内容} 只要是含有那个字母或者是单词的都会被选中进行操作

4. 伪对象选择器：

                    1. 伪元素就是在原标签的子标签末尾个开始可以加一些额外的内容，
                    （格式是  原标签::before或者after{content：“这个是添加的内容”; 后面可以有一些属性如颜色。。}
                    A.如果是ul的就是加在每一个li的最前面
                    B.如果是li的话就是加在每一个li内容的最前面