html字体大小怎么设置

如下：

*** 作设备：戴尔灵越7400

*** 作系统：Win 10

软件：html文件2017

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

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

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

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

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

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

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

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

9、最后来看看，文字变得比原来大了很多。这样我们就实现了设置HTML文字的类型，颜色及大小的目的。

html中div设置字体大小有两种 方法 ，下面由我为大家整理了html中的div设置字体大小的相关知识，希望对大家有帮助!

html中div设置字体大小

设置对象DIV字体大小或span字体大小设置有两种方法，一种是使用style直接设置css字体大小，另外一种外部设置指定DIV内字体大小样式。

html中的div设置字体大小方法一

我们设置DIV盒子字体大小为12px，在分别标签内使用style属性设置css font-size设置字体大小样式。

1、对应html源代码片段

<div style="font-size:12px">设置div内字体大小为12px</div>

html中的div设置字体大小方法二

我们通过外部新建CSS选择器对指定div设置文字大小样式。

1、实例css代码

<style>

.div{font-size:14px}

/* css注释：设置使用对象选择器名为“.div”的字体大小为14px */

.span{font-size:16px}

</style>

2、实例对应html代码片段

<div>未设置div字体大小</div>

<div class="div">设置div字体大小为18px</div>

1、首先新建一个html文件，命名为test.html，在test.html文件内,使用p标签创建一段文字，并且设置p标签的id属性为txt，主要用于下面通过该id获得元素对象。

2、然后在p标签的下面，使用button标签创建一个按钮，名称为“改变字体大小”。

3、接着在test.html的js标签内，使用function声明一个函数cgsize()。

4、然后在cgsize()函数内，使用getElementById（）方法获得p元素对象，并设置style属性中的fontSize为25px，即字体的大小改变为25px。

5、最后在浏览器打开test.html文件，点击按钮，改变文字的大小。

---