外部导入方式添加背景图_web前端基础：CSS的三种导入方式说明

随着html的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变得越来越杂乱，而且HTML页面也越来越臃肿。于是css便诞生了。

Web前端基础教程,Web前端开发,开课吧Web前端

CSS的三种导入方式

内联样式表

css内联样式表

内部样式表

　　p{

　　font-size:100px;

　　color:red;

　　}

css内部样式表

　　外部样式表

　　创建一个cssTest.css的css文件

　　p{

　　font-size:50px;

　　color:green;

　　}

　　span{

　　font-size:50px;

　　color:yellow;

　　}

使用外部样式表

优先级：内联样式表>内部样式表>外部样式表

　　外部样式表

完整测试代码

cssTest

　　p{

　　font-size:50px;

　　color:red;

　　}

　　css内联样式表

css内部样式表

优先级：内联样式表>内部样式表>外部样式表

　　外部样式表