CSS font-size【CSS 字体大小】 font-size文字大小尺寸

CSS font-size字体大小 font-size文字大小字体尺寸属性教程篇

网页DIV CSS布局对网页中文字尺寸大小设置使用font-size属性，即可对网页中文字设置想要的文字字体大小。要设置字体大小使用font-size属性实现。下面ThinkCSS为大家介绍font-size基本语法与基本用法（扩展学习CSS字体）。

一、font-size语法 - TOP

font-size:值
font-size属性+冒号+要设置大小数字+单位

font-size语法结构解析图

font-size:12px —— 设置字体大小为12px（文字尺寸为12像素）

二、font-size简单用法 - TOP

div{font-size:14px}
对网页中所有div内文字字体大小设置为14px

P{font-size:16px}
对网页中所有p内文字字体尺寸大小设置为16px

三、font-size用法实例 - TOP

这里对两个盒子对象内文字设置不同字体尺寸（font-size字体大小），一个class=abc，一个为class=bbb，观察并掌握font-size用法。

1、HTML+CSS代码

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>font-size 简单案例 ThinkCSS</title> 
<style> 
.abc{ font-size:22px} 
/* class=abc对应对象内字体尺寸大小设置为22px */ 
 
.bbb{ font-size:16px} 
/* class=bbb对应对象内字体尺寸大小设置为16px */ 
</style> 
</head> 
<body> 
<div class="abc">我的字体大小为22px</div> 
<div class="bbb">我的字体尺寸大小为16px</div> 
</body> 
</html>