1.内联样式表
<div style="100px;height:100px"></div>
| 优点 | 缺点 | 使用 |
| 优先级非常高 |
冗余代码多 维护起来非常困难 |
确定的不会再修改的单个样式 |
2.内部样式表
写在<head>内部
<head>
<style>
div{
100px;
height:100px;
}
</style>
</head>
| 优点 | 缺点 | 使用 |
|
相对于内联样式表代码略少一些 速度快没有服务器的请求压力 |
不易改版和维护 造成单个页面文件过大 代码乱不易前后端交互 |
一般用在大型网站的首页 |
3.外部样式表
单独写在一个文件中，通过link引入
<link rel="stylesheet" type="text/css" href="css/index.css">
| 优点 | 缺点 | 使用 |
|
利于维护和改版 一个css文件控制多个页面 减少代码量 |
相对于单个页面有垃圾数据 造成服务器请求压力 |
大型网站的二三级页面 |