html怎么改字体颜色和大小(html字体字号颜色怎么设置)

1、html如何设置字体大小和颜色。

2、html设置字体颜色。

3、html设置文字大小颜色。

4、html字体的颜色怎么设置。

5、html中设置字体大小颜色样式。

6、html怎么改字体大小和颜色。

1.先在HTML网页编写一些测试的文字。

2.然后在网页预览文字初始的字体效果，颜色是黑色，大小比较小。

3.因为测试文字是在body标签内的，所以我们要对body标签设置css属性就可以了。

4.我们可以用font-family来设置HTML网页字体的类型，比如这里我设置为“华文楷体”。

5.再去看文字的变化效果，文字变成了华文楷体类型，比原先的好看多了。

6.然后color可以改变文字的颜色，比如我就设置它为red，意思表示的是红颜色。

7.这样，文字的颜色就会由黑色变成红色了哦。

8.而font-size可以设置文字的大小，我设置成38px，表示38像素大小。

9.第三来看看，文字变得比原来大了很多。

10.这样我们就实现了设置HTML文字的类型，颜色及大小的目的。

HTML主要是用来写页面布局的，过程中经常需要设置页面某些字体的颜色，通常有三种常见方式可以进行自定义设置：

1、通过外部CSS样式来设置。可以在head标签中增加style样式，在body中的其他标签，如h1，p，div等开始标签中，增加class="上述style中定义的名称，如blue"即可。代码实现如下：

2、通过内部CSS样式来设置。在body中的其他标签，如h1，p，div等开始标签中，增加style="color:whitefont-size:25px"即可。代码实现如下：

3、通过font标签来设置。在body中其他标签内容中，增加font标签来设置字体颜色和大小，如color="yellow" size="5"。需要注意的是，size的最大值是7，并且设置字体颜色和大小都是用等号赋值，前两种CSS样式是通过英文的冒号来赋值。代码实现如下：

扩展资料

HTML网页上定义字体大小有常见三种单位，分别是：px、em、pt。

1、px是pixel缩写，是基于像素的单位.在浏览网页过程中，屏幕上的文字、图片等会随屏幕的分辨率变化而变化，一个100px宽度大小的图片，在800×600分辨率下，要占屏幕宽度的1/8，但在1024×768下，则只占约1/10。所以如果在定义字体大小时，使用px作为单位，那一旦用户改变显示器分辨率从800到1024，用户实际看到的文字就要变“小”（自然长度单位），甚至会看不清，影响浏览。

2、em即％，是相对单位，是一个相对长度单位，最初是指字母M的宽度，故名em。现指的是字符宽度的倍数，用法类似百分比，如：0.8em, 1.2em,2em等。通常1em=16px。，一般用来测量长度的通用单位(例如元素周转的页边空白和填充),当用于指定字体大小时,em单位是指父元素的字体大小。

3、pt是point(磅)缩写，是一种固定长度的度量单位,大小为1/72英寸。如果在web上使用pt做单位的文字，字体的大小在不同屏幕（同样分辨率）下一样，这样可能会对排版有影响，但在Word中使用pt相当方便。因为使用Word主要目的都不是为了屏幕浏览，而是输出打印。当打印到实体时，pt作为一个自然长度单位就方便实用了：比如Word中普通的文档都用“宋体 9pt”，标题用“黑体 16pt”等等，无论电脑怎么设置，打印出来永远就是这么大。

参考资料

百度百科：HTML

---