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

您所在的位置:网站首页 一加手机系统字体大小怎么设置 【学习笔记二】你知道HTML中如何设置字体颜色和大小吗

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

2024-07-17 10:25:31| 来源: 网络整理| 查看: 265

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

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

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

具体实现步骤如下:

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

代码实现如下:

HTML属性 .blue{ color:blue; font-size:20px; } 我是标题一,居左显示 我是段落,上面标题通过属性align设置了left,使标题居左显示。 常见方法二:通过内部CSS样式来设置

具体实现步骤如下:

在body中的其他标签,如h1,p,div等开始标签中,增加style="color:white;font-size:25px;"即可。

代码实现如下:

HTML属性 .blue{ color:blue; font-size:20px; } 我是标题二,居中显示 我是段落,上面标题通过属性align设置了center,使标题居中显示。 常见方法三:通过font标签来设置

具体实现步骤如下:

在body中其他标签内容中,增加标签来设置字体颜色和大小,如color=“yellow” size=“5”。需要注意的是,size的最大值是7,并且设置字体颜色和大小都是用等号赋值,前两种CSS样式是通过英文的冒号来赋值。

代码实现如下:

HTML属性 .blue{ color:blue; font-size:20px; } 我是标题三,居右显示 我是段落,上面的标题通过属性align设置了right,使标题居右显示 三种方法的对比 方法灵活性统一性方法一YesYes方法二YesNo方法三YesNo

由上表比较可以看出:

方法一,通过外部CSS样式来设置字体颜色和大小是比较规范的做法,也比较灵活,统一修改一个地方即可。

方法二,通过内部CSS样式来设置字体颜色和大小也比较灵活,但不规范,每个地方单独设置,如果要修改就比较麻烦。

方法三,通过font标签来设置字体颜色和大小,和方法二类似,但HTML5.0已不支持标签,在 HTML 4.01 中, 元素 已废弃,不建议使用此标签,提示用CSS来代替font标签的使用。

所以,在此还是建议大家使用外部CSS样式来设置字体颜色和大小比较好。

希望这篇文章对大家有所帮助。如果您还有更好的方法,请评论留言。 在这里插入图片描述



【本文地址】

公司简介

联系我们

今日新闻


点击排行

实验室常用的仪器、试剂和
说到实验室常用到的东西,主要就分为仪器、试剂和耗
不用再找了,全球10大实验
01、赛默飞世尔科技(热电)Thermo Fisher Scientif
三代水柜的量产巅峰T-72坦
作者:寞寒最近,西边闹腾挺大,本来小寞以为忙完这
通风柜跟实验室通风系统有
说到通风柜跟实验室通风,不少人都纠结二者到底是不
集消毒杀菌、烘干收纳为一
厨房是家里细菌较多的地方,潮湿的环境、没有完全密
实验室设备之全钢实验台如
全钢实验台是实验室家具中较为重要的家具之一,很多

推荐新闻


    图片新闻

    实验室药品柜的特性有哪些
    实验室药品柜是实验室家具的重要组成部分之一,主要
    小学科学实验中有哪些教学
    计算机 计算器 一般 打孔器 打气筒 仪器车 显微镜
    实验室各种仪器原理动图讲
    1.紫外分光光谱UV分析原理:吸收紫外光能量,引起分
    高中化学常见仪器及实验装
    1、可加热仪器:2、计量仪器:(1)仪器A的名称:量
    微生物操作主要设备和器具
    今天盘点一下微生物操作主要设备和器具,别嫌我啰嗦
    浅谈通风柜使用基本常识
     众所周知,通风柜功能中最主要的就是排气功能。在

    专题文章

      CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭