CSS如何作用于HTML—样式表
外部样式表
1.将CSS规则写到一个以“.css”为后缀的文件中,然后使用HTML中的标签将CSS文件应用到HTML文档中
<link rel="stylesheet" href="./styles/main.css">
2.在style标签的第一行使用@import ‘style.css’;导入
@import './styles/main.css';
内部样式表
将CSS规则写到<style>
标签内,在不能直接更改CSS文件情况下,这种方式有效,不推荐使用,修改起来不方便
<style>
p{
background-color: pink;
}
</style>
行内样式表
将CSS规则写到元素的style属性中,只能作用于一个元素,一般不推荐使用
<body>
<p style="color:red;">This is my first CSS example</p>
</body>