CSS引入方式和权重

引入css(cascading style sheet 层叠样式表)的四种方法：

1. 行间样式
2. 页面级css         在head标签写style标签
3. 外部css文件     使用link标签
4. 导入样式

   <style type = test/css>
   @import url("外部样式表的名称");
   </style>

    

 

 

HTML文件中代码如下：
（使用了ID选择器和类选择器，有什么区别？ID只能在文档中使用一次与类不同，在一个HTML文档中，ID选择器会使用一次，而且仅有一次）

<div id = "only" class="demo" style="background-color: blue">123</div>

关联CSS文件代码如下：

#only{
	background-color: red;
}

.demo{
	background-color: yellow;
}

该div标签应该显示什么颜色？

这个涉及到选择器优先级问题，谁优先级高就听谁的。

css权重（以下权重数值为256进制）

！important              Infinity

行间样式                    1000

id                                   100

class|属性|伪类              10

标签|伪元素                     1

通配符                              0 

权重相同的选择器谁在下面，执行谁（样式的覆盖）。