您的位置:CSS5 > CSS笔记 >

阿里云 2核CPU 4G内存 3M带宽云服务器 669元/3年

div字体大小_div内文字大小改变css代码

发布日期:2019-10-22 22:20:00 来源:CSS5

控制div内文字字体大小,其实非常简单,一个CSS样式即可实现,字体大小均能根据需求自由设置。不同div内字体大小根据需求也可用自由改变。

一、字体大小CSS样式

font-size

用法:
p{font-size:14px}
设置网页中p标签内字体大小为14px

网页各大浏览器兼容最小字体为12px

字体大小单位可用用px可用用em,根据需求选择,一般PC电脑网页采用px像素为单位。

PX像素
em相对单位

二、div的字体大小设置

字体设置通常设置为双数,不设置单数。

双数(偶数)如12px、14px、16px、18px ,可用设置这样双数。
单数不能设置如11px、13px、15px、17px,不可用的单数。

如果设置单数,浏览器不支持不兼容。

对DIV设置字体大小实例

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div的字体大小 CSS5</title>
<style>
div{ font-size:12px}
.xiao{ font-size:16px}
#da{ font-size:20px}
</style>
</head>
<body>
<div>默认设置12px</div>
<div class="xiao">字体大小为16px</div>
<div id="da">字体大小为20px</div>
<div style=" font-size:24px">我字体大小为24px</div>
<div>默认设置12px</div>
</body>
</html>

分别使用网页默认div字体大小设置12px,也用了class和id设置字体大小

字体大小对div设置
不同div设置不同大小的字体-浏览器测试结果与说明图

div内文本文字字体大小可用用class设置;也可用id;也可用用标签style属性设置(style属性不推荐)。

根据需求对div设置字体大小选择id还是class布局

标签(Tag): div 字体大小
本文分享URL地址:https://www.css5.com.cn/biji/1593.shtml

作者:CSS5原创

上一页:上一篇:div字体_正确设置div兼容的汉字中文字体
下一页:下一篇:默认div宽度认识与div的宽度设置