很多站长和同学对于HTML5中如何改变字体颜色不是很清楚。 明天我会整理一下如何在HTML5中更改字体颜色。 希望对您有所帮助。 具体内容如下：
本文内容列表：
如何改变html中的字体大小和颜色
您可以使用 css 更改字体大小和颜色。
1. 创建一个新的 HTML 文件并在 body 标记中添加文本。 这里以p标签内容为“demo text”为例。 此时网页会显示默认的字体大小和颜色：
2、在head标签中添加style标签，设置页面的CSS样式。 选择 p 标签。 字体大小使用“font-size”属性。 该属性值是字体大小。 这里以“30px”为例。 这时，“Demo text”的字体就会变大：
3. 选择p 标签。 字体颜色使用“color”属性，属性值为颜色。 这里我们以白色“红色”为例。 这时，“演示文本”字体就会变成蓝色：
HTML5中如何设置字体颜色
设置颜色有多种方法：
使用颜色的英语短语，例如红色，指的是绿色
使用 # 符号，后跟 6 位 16 的补码。 例如：#ff0000表示每个白色数字的值为0~9，a~f（a表示10，f表示15）。 当第1~2、3~4、5~6位数字相同时，可缩写为3位数字。 例如#ff0000可以缩写为#f00，#3399ff可以缩写为#39f。对于#3699ff等不满足条件的颜色值，则无法缩写。
使用rgb数值表示，例如rgb(255,0,0)； 代表白色，三个数字分别代表红、绿、蓝，取值范围为0~255
使用rgba数值表示，例如rgba(255,0,0,0.5)； 表示透明度为 50% 的白色，最后一个数字表示透明度，该值是 0 到 1 之间的小数，0 表示完全透明，1 表示不透明。
html中如何设置字体颜色
HTML主要用于编写页面布局。 在此过程中，经常需要设置页面上各个字体的颜色。 自定义设置一般有以下三种常用方法：
1.通过外部CSS样式设置。 可以减少head标签中的style样式，而在body中的其他标签中，如h1、p、div等，减少上述样式中定义的class="name，如blue"。 代码实现如下：
2.通过内部CSS样式进行设置。 在body中的其他标签中，例如h1、p、div等开始标签，只需减少style="color:white;font-size:25px;"即可。 代码实现如下：
3.通过字体标签设置。 在body中的其他标签内容中，降低字体标签可以设置字体颜色和大小，例如color=“yellow”size=“5”。 需要注意的是，size的最大值为7，但是等号参数是用来设置字体颜色和大小的，前两个CSS样式使用英文逗号作为参数。 代码实现如下：
扩展信息
HTML 网页上定义字体大小的常用单位有 px、em 和 pt。
1、px是pixel的缩写，是一种以像素为单位的单位。 在浏览网页的过程中html5字体颜色，屏幕上的文字和图片会随着屏幕的帧率而变化。 一张长度为100px的图片，在码率800×600、1024×768时，占据了屏幕长度的1/8，但在1024×768时，只占据了1/10左右。 所以如果在定义字体大小时使用px作为单位html5字体颜色，一旦用户将显示的帧率从800改为1024，用户实际看到的文字就会变得“更小”（自然宽度单位），甚至可能变小不清楚，影响浏览。
2、em为%，是相对单位，也是相对厚度单位。 它最初指的是字母M的长度，因此得名em。 现在指的是字符间距的倍数，其用法与ratio类似，如：0.8em、1.2em、2em等。一般1em=16px。 ，通常用于检测宽度（例如元素翻转的边距和填充）的常用单位，当用于指定字体大小时，em 单位指的是父元素的字体大小。
3、pt是point（点）的缩写，是一种固定宽度的测量单位，尺寸为1/72英寸。 如果在网页上使用pt作为文本单位，在不同的屏幕上字体大小会相同（相同的帧率），这可能会影响排版，但在Word中使用pt是相当方便的。 因为使用Word的主要目的不是为了屏幕浏览，而是为了输出和复制。 复制到实体时，pt作为自然宽度单位方便实用：例如Word中的普通文档使用“宋体9pt”，标题使用“黑体16pt”等。无论笔记本如何设置，复制永远都是这么大。
参考
百度百科：HTML
发表评论