【学习笔记二】你知道HTML中如何设置字体颜色和大小吗

最新推荐文章于 2024-09-23 21:39:49 发布

转载

最新推荐文章于 2024-09-23 21:39:49 发布 · 923 阅读

3 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/nicksong/blog/2221817

文章标签：

#python #前端 #ViewUI

本文介绍了HTML中设置字体颜色和大小的三种常见方法：通过外部CSS样式、内部CSS样式和font标签。虽然font标签在HTML5中已不推荐使用，但外部和内部CSS样式提供了更规范和灵活的选择。建议使用外部CSS来维护页面样式。

2019独角兽企业重金招聘Python工程师标准>>>

接触过前端开发的人都知道，HTML主要是用来写页面布局的。我们在写这些布局时，经常需要设置页面某些字体的颜色和大小。

那你知道，HTML中如何设置字体颜色和大小吗？这篇文章就来总结下HTML中设置字体颜色和大小的常见方法有哪些。

常见方法一：通过外部CSS样式来设置

具体实现步骤如下：

在head标签中增加style样式
在body中的其他标签，如h1，p，div等开始标签中，增加class="上述style中定义的名称，如blue"即可。

代码实现如下：

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8"/>
    <title>HTML属性</title>
    <style>
        .blue{
            color:blue;
            font-size:20px;
        }
    </style>
</head>
<body bgcolor="black">
<h1 align="left" class="blue">