一、内部样式表
内嵌式是将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文件的路径。
它使用场合较多。
四、三种方式的对比