位置：首頁(yè) > 軟件操作教程 > 編程開發(fā) > CSS > 問(wèn)題詳情

CSS 字號(hào) font-size

提問(wèn)人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-17

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

    各個(gè)關(guān)鍵字對(duì)應(yīng)的字體必須比一個(gè)最小關(guān)鍵字相應(yīng)的字體要高，并且要小于下一個(gè)最大關(guān)鍵字對(duì)應(yīng)的字體。

    可以在網(wǎng)頁(yè)中隨意設(shè)置文字大小，例如：

    <P>檢測(cè)文字大小！</P>

    p{font - size: 20px;}

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

    ?像素（px):根據(jù)顯示器的分辨率來(lái)設(shè)置大小，Web應(yīng)用中常用此單位。

    ?點(diǎn)數(shù)（pt):裉據(jù)Windows系統(tǒng)定義的字號(hào)大小來(lái)確定，pt就是point,是印刷行業(yè)常用的單位。

    ?英寸（in)、厘米（cm)和毫米（mm):根據(jù)實(shí)際大小來(lái)確定。此類單位不會(huì)因?yàn)轱@示器的分辨率改變而改變。

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

    ?百分比（％):是以當(dāng)前文本的百分比定義大小。

【例題】設(shè)置文字大小

下面就用一個(gè)小的實(shí)例來(lái)練習(xí)這些單位的用法，代碼如下:

<!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>檢測(cè)文字大?。?0px</p>

<hr/>

<div>檢測(cè)文字大??！20pt</div>

<hr/>

<a href="">檢測(cè)文字大小！1in</a>

<hr/>

<span>檢測(cè)文字大??！2em</span>

<hr/>

<em>檢測(cè)文字大?。?00%</em>

</body>

</html>

image.png

繼續(xù)查找其他問(wèn)題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部