css简单介绍

css层叠样式表，主要作用就是解决内容与表现分离的问题。html标签有自己的意义当然也是有自己的默认样式的，但有时候我们想修改他的样式，这时候就需要了css。

例：给字体加上颜色，我们有如下几种方法：

　　1、<h1><font color="red" size="11px">123</font></h1>

　　2、在head里面加上style：

            <style type="text/css">
                  h1{color: blue;font-size: 50px;}
           </style>

　　3、<h1 style="color:#ff0">123</h1>

　　4、在head里面加上link引入外部css

在这四种写入css的方式中：第一种方式现在基本不用了；第二种样式是“内部样式”；第三种是“内联样式”；最后一种是“外部样式”；优先级：第一种>第三种>第二种>第四种。

!important是为了提升样式优先级，不到万不得已不要用了，因为样式生效的话是依次执行的，也就是后面的样式会覆盖前面的。

css选择器：

　　1、标签选择器，如：h1{属性：值}

　　2、分组选择器，如：h1，p{属性：值}；指h1和p元素的共有样式

　　3、id选择器，如：#标签的id属性值（id值不能重复）{属性：值}

　　4、派生选择器，如：h1 p{属性：值}；指h1里面的p元素的样式                               h1{color: blue;font-size: 50px;}

　　5、类选择器，如：.标签的类属性值 {属性：值}

　　6、伪类选择器，如：a: hover{属性：值}

选择器间可以组合使用

css具体写法：

 以上均为个人观点，欢迎指正、讨论。

更多专业前端知识，请上 【猿2048】www.mk2048.com