css总的来说有三种css样式可供选择：

1，行内样式表

　　行内样式表，直接写在了html文件的元素中，例如：

　　<div style=”color:red;”></div>

2，页内嵌入样式

　　页内嵌入样式是利用style标签将样式表的内容直接写在html文件的head标签中，例如：

　　<head>

　　　　<style>

　　　　　　p{

　　　　　　　　color:red;

　　　　　　　}

　　　　</style>

　　</head>

　　<body>

　　　　<p>例子</p>

　　</body>

意思是直接在html文件的head标签中嵌入p标签的样式，style标签中写入样式内容

3，外部样式表

外部样式表，需要新建一个.css文件，里面之需要写css的样式。一个单独编写css样式的文件。

特别的地方是，这个外部文件需要使用link标签引用，例如引用example.css文件：

<link rel=”stylesheet” type=”text/css” href=”此处是你存放的css文件的地址(该地址相对于你的html文件)”

4，三种样式表的优先级

行内样式表>页内嵌入样式表>外部样式表

当你在同一个元素上面使用了三种样式表，就会涉及到不同样式表的优先级问题，最高优先级的优先显示其次是较低优先级的。

版权声明：本文为yu-tang原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/yu-tang/p/10432195.html