css-1.样式和特征-优先级

一、用css定义页面样式：

1.更加多样性
2.属性更统一

二、定义css样式的方法

内联样式：<p style="color: red;">css内联方式</p>
内部样式：将css样式定义在网页的head里，用<style>
<style type="text/css">
p{
color: green;
}
   </style>
外部样式：<link rel="stylesheet" type="text/css" href="css/new_file.css"/>
将样式定义在一个外部的css文件中（.css文件） ，由html页面引用样式文件   

三、css样式表特征

1、继承性
-样式规则可以被继承
2、叠层性
-可以定义多个样式，不冲突时，多个样式可以层叠成一个
3、优先级
-样式冲突时，看优先级来应用样式
内联样式最高  。 内部样式  和 外部样式 优先级一样，看就近原则，最后定义的优先
<style type="text/css">
p{
color: green;
color: red;   这个颜色最后定义，所以字体是红色
}
   </style>

-！important规则
1、！important可以调整样式规则的优先级
2、选择器｛属性：属性值 ！important；｝
3、谨慎使用
<style type="text/css">
p{
color: green !impotrant;   调整了优先级，所以字体是绿色
color: red;   
}
   </style>
   
-优先级关系：元素选择器<类选择器<id选择器   
 
·选择器优先级
 
选择器类型                      权值
------------------------------
元素选择器 0001
类选择器 0010
伪类选择器 0010
ID选择器 0100
内联选择器 1000
选择器的权值加到一起，大的优先；如果权值相同，后定义的优先