在HTML中设置页面样式表需要使用CSS(Cascading Style Sheets)来定义网页的样式。可以通过在HTML文档头部使用<link>
标签来引入CSS文档。例如:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Website</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
在上面的代码中,<link>
标签将style.css
文件链接到HTML页面中。其中rel
属性指定链接的文档是一个样式表,type
属性指定文档的MIME类型为text/css
。
在CSS样式表中,我们可以使用选择器和属性来改变样式。选择器指定应该应用样式的HTML元素,而属性定义应该如何改变元素样式。例如,以下CSS代码将把所有标题元素的字体颜色设为红色:
h1, h2, h3 {
color: red;
}
在这个例子中,h1
, h2
和 h3
都是选择器,而 color
是属性。注意到CSS样式中的元素选择器前面加了一个小数点".",这是因为CSS是独立于HTML的一种语言。
除了元素选择器之外,还有很多其他类型的选择器,包括类选择器、ID选择器、后代选择器等等。属性也可以很多,比如颜色、字体大小、背景颜色等等。
总之,通过在HTML页面中链接一个CSS样式表,我们可以为网页添加各种各样的样式,使其更加美观和易于阅读。