<head> <title>偶的网站</title> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
这段代码可以放置在HTML文档的头部。在这个例子中,大家用link元素将mystyle.css样式表链接到HTML文档中。这个链接包括三个部分:
1. rel属性指定链接的关系,link元素中的rel属性值为stylesheet,表示这个文件是一个样式表
2. type属性指定链接的MIME类型,大家将它设置为text/css,表示这个文件是CSS样式表
3. href属性是指向样式表存放位置的链接地址
在样式表文件中定义样式。例如,大家可以设置h1元素的颜色为红色:
h1 { color: #ff0000; }
这段代码利用了CSS的选择器模型,将样式应用于所有`h1`元素。接下来,大家可以通过其他选择器来定义不同元素的样式。
总的来说,通过CSS样式表调用页面样式是非常简单的。大家只需要在HTML文档头部用link元素将样式表链接到文档中,并在样式表文件中定义元素样式即可。