使用的是style标签
<style type="text/css">
/* 样式 */
</style>
多学一招:把页面的公共样式(不多的情况下)写在style标签中
直接写在标签上的style属性中
<div style="color:red;">
我是盒子
</div>
多学一招:通常是后台程序员进行修改页面的时候使用
新建一个css文件,然后和html页面关联起来
a) 使用标签关联
<!-- 在html的head标签中 -->
<link rel="stylesheet" type="text/css" href="css文件路径">
b) 使用指令关联
<style type="text/css">
/* 在style标签中 */
@import url("css文件路径")
</style>
多学一招:做项目最常用的是外部样式,link标签
三种样式表总结
样式表 | 优点 | 缺点 | 使用情况 | 控制范围 |
---|---|---|---|---|
行内样式表 | 书写方便,权重高 | 没有实现样式和结构相分离 | 较少 | 控制一个标签(少) |
内部样式表 | 部分结构和样式相分离 | 没有彻底分离 | 较多 | 控制一个页面(中) |
外部样式表 | 完全实现结构和样式相分离 | 需要引入 | 最多,强烈推荐 | 控制整个站点(多) |