行内样式表
只能控制当前标签的样式,不能体现结构样式分离。
<p style="color:red;font-size:12px;">我是一个段落</p>
外部样式表
在.css文件中写样式
div{ /*对所有div标签适用*/
color:pink;
}
.pink{ /*仅对带类的适用*/
color:pink;
}
在html中写
<!-- 把html与css连接上 -->
<link rel="stylesheet" href="css文件路径/test.css">
<!-- 测试 -->
<div >这是一句话 </div>
<text class = "pink">这是一句话</text>