在网页制作中,CSS(层叠样式表)是不可或缺的一个元素,它可以使网页更美观、更易读、更具有层次感。那么如何将CSS和HTML(超文本标记语言)连接起来呢?
首先,需要在HTML文档中添加一个``元素。``元素应该放在HTML文档的``标签内,并指定CSS文档的位置。下面是一个例子:
```My Web Page
Hello, World!
``` 在上面的例子中,``元素的`href`属性指定了CSS文件的URL(Uniform Resource Locator),即`style.css`。该文件应该与HTML文件位于同一目录下。 接下来,就可以在CSS文件中编写样式规则了。样式规则包括一个或多个声明块,每个声明块包括一个CSS选择器和一组CSS属性和值。下面是一个例子: ``` p { font-size: 18px; color: #333; } ``` 在上面的例子中,`p`选择器匹配HTML文档中所有的``元素,并为这些元素设置字体大小和颜色。`font-size`属性指定字体大小为18像素,`color`属性指定字体颜色为#333(即浅灰色)。 最后,刷新网页就可以看到样式规则的效果了!通过``元素将CSS文档与HTML文档链接起来,就可以轻松地为网页添加各种样式效果。