本文介绍了CSS样式表的三种主要类型：内部样式表内嵌式、行内样式表和外部样式表（外联式）。详细解释了每种类型的使用场景、语法特点及优缺点，为网页开发者提供了实用的指导。
一、内部样式表
内嵌式是将CSS代码集中写在HTML文档的head头部中，并且用style标签定义，基本语法如下：
语法中，style标签一般位于head标签中title标签之后，也可以放在HTML文档的任何地方。
type="text/CSS" 在HTML5中可以省略。
二、行内样式表
行内样式表适合于样式较少的情况。
语法：
如下例：
<div style="color:red;font-size: 20px;">Today is a good day.</div>三、外部样式表（外联式）
它由两部分构成，一个是.css文件，一个是html文件中的link标签，起到连接.html与.css文件的作用。
语法：
建立一个.css文件，里面写.html标签的样式。建立如下：
另一个是：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="xxx.css" type="text/css" />
</head>
<body>
</body>
</html>他的位置是：head里，title后。href填写需要连接的.css文件的路径。
它使用场合较多。
四、三种方式的对比
扫一扫
1243
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
