css优先级和四种接入方式

css优先级和四种接入方式

（一）css选择器具有优先级，优先级顺序就是：控制的越精细就越高。

比如：

    
	

		
hello
	
	

优先级顺序：

p  <  class <  id  <  div中的 id

（二）css四种接入方式

1.外部链接一个css文件，我们在HTML文件头部分标明：

注：./mycss.css  是指在html文档同目录下的css文件(./可以省略)，如果是上一级目录就是  ../mycss.css

例子：主css

    
    	
hello
    

调用的css

div{
	width: 100px;
	height: 100px;
	background: blue;
}	

效果显示：

2.在头部直接写入css

    
    	
hello
    

3.外接多个css文件时，导入

具体的用法，以第一个为例，意思就是说，我调用的css可以导入另外一个css文件

实例：

主程序：

    
    	
hello
    

mycss:

@import url(mycss2.css);
div{
	width: 100px;
	height: 100px;
	background: gray;
}

mycss2:

#text{
	border:10px solid blue;
}

效果显示：

4.直接在标签里写入对这个标签的css控制