使用的是style标签
<style type="text/css"> /*样式*/ </style>
直接写在标签上的style属性中
<div style="color: red;font-size: 16px;">div盒子</div>
新建一个css文件,然后和html页面关联起来
<link rel="stylesheet" type="text/css" href="css文件路径" />
<style type="text/css"> @import url("css文件路径"); </style>
三种样式表总结
样式表 | 优点 | 缺点 | 使用情况 | 控制范围 |
---|---|---|---|---|
行内样式表 | 书写方便,权重高 | 没有实现样式和结构相分离 | 较少 | 控制一个标签(少) |
内部样式表 | 部分结构和样式相分离 | 没有彻底分离 | 较多 | 控制一个页面(中) |
外部样式表 | 完全实现结构和样式相分离 | 需要引入 | 最多,强烈推荐 | 控制整个站点(多) |
以上内容,在整理时难免有疏漏错误之处,如有发现,可以通过顶部的“联系站长”提出反馈,感谢您的支持!