css四种导入方式

1 行内样式

    
    


我是标题

浏览器翻译如下：

2 页内样式 

    
    

    

我是标题

浏览器翻译如下：

3 外部样式

3.1 链接导入

html文件：

    
    



我是标题

css样式：

/*外部样式*/
h1{
    color: yellow;
}

目录结构：

 浏览器翻译如下：

注意： 当三种样式同时存在时：优先级为【行内样式>页内样式>外部样式】，测试如下：

如下：

    
    




我是标题

 浏览器翻译如下：

 发现当三者同时存在时，行内样式的优先级是最高的。

3.2 @导入式

    
    

  

第四种导入方式

目录结构和上述一致

浏览器翻译如下