css基础

层叠样式表单CSS（Cascading Style Sheets）,简称样式表。

CSS主要的优点：

     1.通过单个样式表控制多个文档的布局

     2.更精确的布局控制

     3.为不同的媒体媒体类型采取不同的布局

CSS语句的格式：

      1.选择符：通常是用户希望定义的HTML元素或标签或者是属性，并且每个属性都有一个值。属性和值被冒号分开，并由花括号包围。

          如：b{color:blue}a是选择符，花括号是声明，声明一次由2部分构成：属性color和值green.

          需要注意的问题：

               a.当属性的值遇到多个单词时候，值必须加上引号。

               b.如果需要对一个选择符指定多个属性时，使用分号隔开

               c.用/*注释内容0*/

               d.样式的继承：嵌套在HTML标签中HTML标签，都会自动继承外层标签设置的样式规则。

           CSS选择符：

           1.HTML选择符:以html标签作为选择符

                如：p{font-size:12;color:blue}

                      h1{text-align:right;color:blue}

              包含选择符是指用空格隔开的两个或多个单一选择符组成的字符串。

                如：div p{color:blue;font-size:15}

            *包含选择符的优先权比单一选择符优先权高

           2.CLASS选择符：使用HTML标签的class属性设置值的选择符，有2种：关联class选择符和独立class选择符，以一个点号定义。

                 a.关联选择符：可以为同一个元素定义不同的样式

                    如：

                          p.warning{color:red}

                          p.normal{color:blue}

                          <p class="warning">这是warning</p>

                          <p class="normal">这是normal</p>

                  b.独立选择符：可以为不同的元素定义相同的样式

           3.ID选择符：定义一个特定的html标签，一个网页只能有一个标签使用某一个ID属性值，用“#”来定义

                     如：

                         <style type="text/css">

                          #title{text-align:right;color:blue}

                          </style>

                          <div id="title">hello</div>

               IDselector只能为单个的html标签设置样式，因此具有一定的局限性，但是ID属性在javaScript得到广泛的应用。

           优先级：id>class>html

css设置方式：

           1.内联样式：灵活，简单方便

           2.嵌入样式：一个样式可以在一个页面多次应用

           3.外部样式：需要有一个外部的样式文件.css，可以为多个网页所共同引用，即减少代码，又可以做到统一页面风格

           伪元素选择符：是指为一个html元素的各种状态和部分内容定义样式的一种方式。

            如：a:hover{color:blue}鼠标点到哪里哪里就发生变化。

            四种超链接标签的伪元素的含义

                1.a:active 表示超链接选中的状态 

                2.a:hover 表示鼠标移动到超链接上的状态

                3.a:link 表示超链接的正常状态

                4.a:visited 访问过的超链接的状态

我们一般用CSS伪元素与CSS类配合使用。