想要在一个页面引入CSS，一共有三种方式：外部样式表、内部样式表、行内样式表
外部样式表
外部样式表是最理想的CSS引入方式，在实际开发中，为了提升网站的性能速度和可维护性，一般都使用外部样式表
外部样式表指的是把CSS代码和HTML代码单独放在不同的文件中，然后在HTML文件中使用link标签来引用CSS文件
<link rel="stylesheet" type="text/css" href="文件路径" />rel即relative的缩写，它的取值是固定的，即stylesheet，表示引入的是一个样式表文件
type属性的取值也是固定的，即text/css，表示这是标准的css
href属性表示css文件的路径
内部样式表
内部样式表，指的是把HTML代码和CSS代码放到同一个HTML文件中，其中CSS代码放在style标签内
<style type="text/css">
......
</style>type="text/css"是必须添加的，表示这是标准的css
行内样式表
行内样式表与内部样式表类似，但是内部样式表的CSS是在style标签内定义，而行内样式表的CSS是在标签的style属性中定义的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>内部样式表</title>
<style type="text/css">
div{color: skyblue;}
</style>
</head>
<body>
<div>内部样式表</div>
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>行内样式表</title>
</head>
<body>
<div style="color: skyblue;">行内样式表</div>
</body>
</html>
401
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
