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,三种样式表的优先级
行内样式表>页内嵌入样式表>外部样式表
当你在同一个元素上面使用了三种样式表,就会涉及到不同样式表的优先级问题,最高优先级的优先显示其次是较低优先级的。
原文地址:https://www.cnblogs.com/yu-tang/p/10432195.html
时间: 2024-10-17 07:48:49