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字体变大，分成几个步骤：

在浏览器中查看信息，可以通过浏览器自带的调节大小的功能来调节字体的大小。

然后在浏览器的右下角有一个百分比的选项，右边有一个小箭头，这就是调节大小的功能区域。点击一下右边的这个小箭头。

在d出的一系列选项中，点击其中一个，比如200%，说明此网页的字体将变大一倍，当然有很多其他的选项，也可以自定义大小。

点击之后，网页的字体开始变得很大，比之前大了一倍，这样我们就可以很清楚地看清网页信息的内容。

<p onmouseover="this.style.fontSize=33" onmouseout="this.style.fontSize=60" onmouseup="this.style.fontSize=33">

</p><!-- onclick 脚本 当鼠标被单击时执行脚本 ondblclick 脚本 当鼠标被双击时执行脚本 onmousedown 脚本 当鼠标按钮被按下时执行脚本 onmousemove 脚本 当鼠标指针移动时执行脚本 onmouseout 脚本

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文件，点击按钮，改变文字的大小。

---