css简介：

css，指的是Cascading Style Sheet（层叠样式表），是用来控制网页外观的一门技术。

“HTML”控制网页的结构  “CSS”控制网页的外观   “JavaScript”控制网页的行为。CSS的出现就是为了改变色彩的网页外观。

CSS引入方式：

1，外部样式表：rel即（relative）的缩写，取值是固定的，即（stylesheet），表示引入的是一个样式表文件。

            type取值属性也是固定的，即（text/css）

             href属性表示文件的路径

语法：<link rel="stylesheet"   type="text/css"   href="文件路径"/>

2，内部样式表：

指的是吧HTML代码和CSS代码放到同一个HTML文件中。CSS代码放在style标签内，并且style标签是放在style标签内，style标签只能放在head标签内。

语法：<style   type="text/css">              type="text/css"必须添加的。

                   div{color:red;}

          </style>

3，行内样式表：

同行内样式表类似。但是两者有着本质的区别：内部样式表的CSS只能在style标签内定义，而行内样式表的CSS是在标签的style属性中定义的。

CSS选择器：

选择器是一种选择方式。选中你想要的元素的方式，称之为“选择器”。

1，元素（标签）选择器：就是把页面中所有的相同的元素选中，然后定义他们的文本颜色为那种。

语法：<style>

                         div{color:red;}

            </style>

2,id选择器：

通过id名来选择元素，元素的id名称不能重复，所以一个样式设置项只能对应于页面上一个元素，不能复用，id选择器前面必须加上#，否则无法生效。

语法：

#box{color:red}

<div id="box">...</div>

3，类选择器：
同id选择器一样，只不过前面要用  .  表示。调用的时候用class。

语法：.box{color:red}

4,后代选择器：

就是选择元素内部中所有的某一种元素，包括子元素和其他后代元素。

语法：h2,p{color:red}

5,群组选择器：

指的是同时对几个选择器进行相同的操作。

语法：p,h1,div{color:red}