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文字的类型，颜色及大小的目的。

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

完整代码

<!DOCTYPE html>

<html>

<head>

/*推荐通过css设置样式*/

#s1 {

/*#s1 表示找到id为s1的标签,对他设置样式*/

color: red

/*字体颜色*/

font-size: 30px

/*字体大小*/

font-weight: 900

/*100,200,300...900越大越粗*/

}

</style>

</head>

<body>

感谢您的支持这里是通过css设置样式实现

</span><br />

非常感谢 ,这里是通过style设置样式实现

</span>

</body>

</html>

效果

欢迎分享，转载请注明来源：内存溢出

html字体大小怎么设置