如何为html添加样式

来源：互联网 2023-03-16 19:10:28 240

在html内，您可以使用CSS丰富页面，CSS内容可以放到标签内，也可以放到外面，通过引用的方式来使用，相比而言，将CSS代码单独放，在需要的时候引用效率是最高。因为这样可以反复使用CSS代码。

工具/原料

创建一个html文档。

如何为html添加样式。

上图所示代码，运行效果入下图所示。

如何为html添加样式。

如何为上涂文字添加更多更绚丽的效果呢，这个时候，我们就需要用到CSS了。

如何为html添加样式。

在head>/head>中间添加下图所示代码。

如何为html添加样式。

您可以在style>/style>之间添加CSS代码。这个时候，您需要先在需要引用的标签中添加class或者id，但是建议使用class。

如何为html添加样式。

添加了class后，您可以会到style>/style>标签内添加样式。格式入下图所示：

如何为html添加样式。

接下来，您可以在.h1{ }中间添加样式的代码。比如，我们需要将h1的颜色改为红色，那么您可以在.h1{ }中间添加下图所示代码：

如何为html添加样式。

现在，使用浏览器打开您的这个页面看看，您看一下h1是不是变色了。

如何为html添加样式。

同理，您可以更改h2或在h3标签的字体颜色。您需要做的是在标签上添加class

如何为html添加样式。

在style>/style>之间添加修改颜色的CSS代码。

如何为html添加样式。

添加了以上代码后，您可以返回浏览器中查看变化。

如何为html添加样式。

您的字体颜色是不是也变了，如果没有变化，可能是您的单次拼错或者其他地方出错了，您可以检查一下。

最后，希望对您有用，希望接下来您的学习愉快！

13此文章未经许可获取自百度经验

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！