首頁  >  文章  >  web前端  >  css預設的font-size是什麼意思

css預設的font-size是什麼意思

WBOY
WBOY原創
2022-09-13 17:10:597699瀏覽

在css中,「font-size」是字體大小的意思;利用該屬性可以設定文字的字體大小,不僅可以為文字設定一個固定的大小值,也可以利用百分號來設定一個相對於父元素的一個百分比值,或表示字體大小的尺寸值,語法為「元素{font-size:屬性值}」。

css預設的font-size是什麼意思

本教學操作環境:windows10系統、CSS3&&HTML5版本、Dell G3電腦。

css預設的font-size是什麼意思

css的font-size是字體大小的意思

font-size 屬性用於設定字體大小。

注意,實際上它設定的是字體中字元框的高度;實際的字元字形可能比這些框高或矮(通常會矮)。

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

該屬性可能的值

把字體的尺寸設定為不同的尺寸,從 xx-small 到 xx-large。

  • xx-small

  • #x-small

  • small

  • medium

  • large

  • x-large

  • ##xx -large

預設值:medium。

smaller 把 font-size 設定為比父元素更小的尺寸。

larger 把 font-size 設定為比父元素更大的尺寸。

length 把 font-size 設定為一個固定的值。

% 把 font-size 設定為基於父元素的一個百分比值。

範例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title>
<style>
h1 {font-size:50%;}
h2 {font-size:50px;}
p {font-size:larger;}
</style>
</head>
<body>
<h1>听妈妈的话</h1>
<h2>依然范特西</h2>
<p>叶惠美</p>
</body>
</html>

輸出結果:

css預設的font-size是什麼意思

#(學習影片分享:

css影片教學html影片教學

以上是css預設的font-size是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn