1.行内样式。
把样式写在元素标记之间。
<p style="font-size:24px;color:#aaafff">用css控制页面样式的行内样式</p>
2.内嵌式
把样式写在head之间，并且用<style></style>包括起来。
<head><style>
p{
font-size:24px;
}
</style></head>
3、链接式
链接式是使用频率最高，最为实用的方式。实现了html代码和css样式完全分离，前期美工和后期维护都十分方便，也有助于前端和后台开发人员同时进行。使用样式的时候才链接
<link href="demo.css" type="text/css" rel="stylesheet">
4、导入式
和链接式差不多，只是语法不一样。在html格式化的时候，导入式把css文件导入，作为html的一部分。效果类似于内嵌时。也可以在css文件里面导入其他的样式文件。
<style>
<import url="demo.css">
</style>
优先级别（最高-》最低）：
行内样式——》链接式——》内嵌式——》a导入式。
设计网站的时候，最好使用1-2中方式，有助于后期的维护。防止样式撞车。
扫一扫
199
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
