初识CSS

1、什么是CSS

CSS全称为层叠样式表（cascading style sheets），它主要是用于定义HTML内容在浏览器内显示样式，像我们浏览器中的文字大小，颜色，下划线，布局等等！

2、css的作用

实现网页内容与样式的分离，就是说我们网页上的内容为一个模块，而这些内容的具体的变现形式在另一个模块中设计，二者分离开来！那么这样做的好处是什么呢？好处如下：

• 避免重复
• 更加容易维护
• 为不同的目的，使用不容的样式，但是内容相同

个人理解：这就好比我们所说的面向对象，它为了解耦合，将内容与它的表现相分隔开，这样就会达到同样的内容有多种的变现的形式！使得我们的产品更加易于维护！

3、css的三大特性（继承、优先级和层叠）

继承：即子类元素继承父类的样式;

优先级：是指不同类别样式的权重比较;

层叠：是说当数量相同时，通过层叠(后者覆盖前者)的样式。

4、css是如何让内容与样式分离的

（1）css 选择符分类

1.标签选择器(如：body,div,p,ul,li)

2.类选择器(如：class=“head”,class=“head_logo”)

3.ID选择器(如：id=“name”,id=“name_txt”)

4.全局选择器(如：*号)

5.组合选择器(如：.head .head_logo,注意两选择器用空格键分开)

6.后代选择器 (如：#head .nav ul li 从父集到子孙集的选择器)

7.群组选择器 div,span,img {color:Red} 即具有相同样式的标签分组显示

8.继承选择器(如：div p,注意两选择器用空格键分开)

9.伪类选择器(如：就是链接样式,a元素的伪类，4种不同的状态：link、visited、active、hover。)

10.字符串匹配的属性选择符(^ $ *三种，分别对应开始、结尾、包含)

11.子选择器 (如：div>p ,带大于号>)

12.CSS 相邻兄弟选择器器 (如：h1+p,带加号+)

（2）选择器优先级

　　!important > 内敛样式>ID选择器 >类选择器>Html标签选择器>继承 同一个级别中后边的会覆盖先写的！