零基础建站培训介绍

当前位置:

html怎么控制文字大小

html怎么控制文字大小可能通过Font-size属性来控制。

1、css字体大小单词:
Font-size

2、语法结构


div{font-size:20px}

设置div内文字字体大小为20px

需要注意的css使用font-size设置字体大小值需要带单位,比如px(像素)、EM(相对长度大小单位),一般使用px像素为单位(了解html单位)。

3、DIVCSS5案例

通过css设置一个DIV盒子里文字大小为14px,同时设置div盒子里其中几个字字体大小为20px。

完整HTML CSS字体大小实例代码如下:


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>在线演示 DIVCSS5</title>
<style>
.box{ font-size:14px}
.box .f20{ font-size:20px}
</style>
</head>
<body>
<div class="box">
在线演示测试<span class="f20">文字</span>,欢迎访问DIVCSS5学习网站!
</div>
</body>
</html>

4、以上div css案例通过对对象里文字设置14px大小,同时又对其中文字设置不同字体大小,根据以上案例灵活应用css font-size使用。

上一课: 下一课: