web前端：CSS的三种导入方式

作者:Windows_XP 更新于： 2020-03-29 14:31:21

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

　　CSS的三种导入方式

　　内联样式表

　　css内联样式表

　　内部样式表

　　p{

　　font-size:100px;

　　color:red;

　　}

css内部样式表

　　外部样式表

　　创建一个cssTest.css的css文件

　　p{

　　font-size:50px;

　　color:green;

　　}

　　span{

　　font-size:50px;

　　color:yellow;

　　}

　　使用外部样式表

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

　　外部样式表

　　完整测试代码

　　

　　p{

　　font-size:50px;

　　color:red;

　　}

　　css内联样式表

css内部样式表

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

　　外部样式表

　　css文件

　　p{

　　font-size:50px;

　　color:green;

　　}

　　span{

　　font-size:50px;

　　color:yellow;

　　}

　　css三种导入方式的优先级

　　内联样式表>内部样式表>外部样式表

　　从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。