我们需要创建一个HTML文件,然后在其中添加一个标题。
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>欢迎来到我的网页</h1>
<!-- 这里是文章的内容 -->
</body>
</html>
我们需要创建一个CSS文件(在这个例子中,我们将其命名为styles.css),并在其中定义我们想要应用到HTML元素的样式,我们可以改变标题的颜色和大小:
h1 {
color: blue;
font-size: 36px;
}
这将使所有的<h1>元素变为蓝色,并且字体大小为36像素。
接下来,我们可以在HTML文件中引用这个CSS文件,这样我们就可以在HTML中使用CSS了,我们可以在<head>标签中添加一个<link>标签,指向我们的CSS文件:
<head>
<title>我的网页</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
现在,当我们打开我们的HTML文件时,我们应该能看到标题的颜色已经变成了蓝色,字体大小也变大了。
这只是使用CSS装饰HTML的一个基本示例,CSS提供了许多其他的特性,可以用来改变文本的颜色、大小、位置、背景色等等,你可以查阅相关的教程或者文档,了解更多关于CSS的信息。



还没有评论,来说两句吧...