位置:首頁 > 軟件操作教程 > 編程開發(fā) > CSS > 問題詳情

CSS 字號 font-size

提問人:劉團圓發(fā)布時間:2020-11-17

    該屬性設置元素的文字大小。注意,實際上它設置的是字符框的高度,而實際的宇符字形可能比這駐框高或矮(通常會矮)。

    各個關鍵字對應的字體必須比一個最小關鍵字相應的字體要高,并且要小于下一個最大關鍵字對應的字體。

    可以在網(wǎng)頁中隨意設置文字大小,例如:

    <P>檢測文字大小!</P>

    p{font - size: 20px;}

    常用的font-size屬性值的單位為以下幾種:

    ?像素(px):根據(jù)顯示器的分辨率來設置大小,Web應用中常用此單位。

    ?點數(shù)(pt):裉據(jù)Windows系統(tǒng)定義的字號大小來確定,pt就是point,是印刷行業(yè)常用的單位。

    ?英寸(in)、厘米(cm)和毫米(mm):根據(jù)實際大小來確定。此類單位不會因為顯示器的分辨率改變而改變。

    ?倍數(shù)(em ):表示當前文本的大小。 

    ?百分比(%):是以當前文本的百分比定義大小。

【例題】設置文字大小

下面就用一個小的實例來練習這些單位的用法,代碼如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

p{

font-size: 20px;

}

div{

font-size: 20pt;

}

a{

font-size: 1in;

}

span{

font-size: 2em;

}

em{

font-size: 200%;

}

</style>

</head>

<body>

<p>檢測文字大小!20px</p>

<hr/>

<div>檢測文字大??!20pt</div>

<hr/>

<a href="">檢測文字大??!1in</a>

<hr/>

<span>檢測文字大??!2em</span>

<hr/>

<em>檢測文字大??!200%</em>

</body>

</html>

image.png

繼續(xù)查找其他問題的答案?

相關視頻回答
回復(0)
返回頂部