我们需要创建一个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的信息。
还没有评论,来说两句吧...