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

DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局基本知識 >> CSS font-size【CSS 字體大小】 font-size文字大小尺寸

編輯：布局基本知識

CSS font-size字體大小 font-size文字大小字體尺寸屬性教程篇

網頁DIV CSS布局對網頁中文字尺寸大小設置使用font-size屬性，即可對網頁中文字設置想要的文字字體大小。要設置字體大小使用font-size屬性實現。下面ThinkCSS為大家介紹font-size基本語法與基本用法（擴展學習CSS字體）。

一、font-size語法

font-size:值
font-size屬性+冒號+要設置大小數字+單位

div css font-size語法結構解析圖
font-size語法結構解析圖

font-size:12px —— 設置字體大小為12px（文字尺寸為12像素）

二、font-size簡單用法

div{font-size:14px}

對網頁中所有div內文字字體大小設置為14px

P{font-size:16px}

對網頁中所有p內文字字體尺寸大小設置為16px

三、font-size用法實例

這裡對兩個盒子對象內文字設置不同字體尺寸（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>