時間：2023-09-26 09:00:01 | 來源：網(wǎng)站運營
時間：2023-09-26 09:00:01 來源：網(wǎng)站運營
CSS 字體樣式：本節(jié)我們來講字體樣式，之前我們學(xué)習(xí) HTML 的時候?qū)W過一些用于字體加粗、傾斜的標簽，但是使用標簽來實現(xiàn)的效果肯定沒有我們通過 CSS 中的樣式來的方便。
在線咨詢
font-family 屬性用于設(shè)置一個元素的字體，字體就是像宋體、楷體等。font-family 屬性，可以同時聲明多種字體，字體之間使用逗號分隔。根據(jù)字體的調(diào)用原則，會優(yōu)先調(diào)用第一種字體，如果沒有找到，則會嘗試調(diào)用下一個字體，如果都找不到則調(diào)用默認字體。<p> 標簽中的文本設(shè)置字體：<p>Hello，俠課島</p>可以使用標簽選擇器，然后在 font-family 屬性中設(shè)置：p{ font-family:'Times New Roman','sans-serif', 宋體, 楷體;}在聲明字體時，我們應(yīng)該分別聲明英文字體和中文字體，且英文字體的聲明應(yīng)該在中文字體之前。因為絕大部分中文字體里包含英文字母，但是不是很好看，而英文字體里不包含中文字符。所以如果我們不希望用中文字體來顯示英文，就一定要記得先聲明英文字體。先聲明的會先調(diào)用。Arial、Helvetica、Tahoma、Verdana、Lucida Grande、Georgia 等。SimSun、黑體 SimHei、微軟雅黑 Microsoft YaHei、仿宋 FangSong、楷體 KaiTi 等。font-size 屬性用于設(shè)置字體的大小，常用的單位為 px，即像素。px 是 Pixel 的縮寫，是可以在數(shù)字顯示設(shè)備上顯示和表示的數(shù)字圖像或圖形的最小單位。像素是數(shù)字圖形中的基本邏輯單元，像素也稱為圖像元素。<body> <h1>斷句</h1> <p>近水樓臺先得月，向陽花木易為春。</p></body>在瀏覽器中的演示效果為：font-size來將其中的<h1>標簽中的字體設(shè)置為14px，<p>標簽中的字體設(shè)置為20px： h1{ font-size: 14px;}p{ font-size: 20px;}在瀏覽器中演示效果就變?yōu)榱讼聢D所示：font-size屬性可以設(shè)置任意標簽中的字體大小。font-style 設(shè)置字體的風(fēng)格，可以將字體設(shè)置成斜體、傾斜或正常字體。斜體字體通常定義為字體系列中的一個單獨的字體。<p> 中的內(nèi)容設(shè)置為不同的字體風(fēng)格，可以使用類選擇器：<body> <p class="normal">將字體設(shè)置為標準的字體樣式</p> <p class="italic">將字體設(shè)置為斜體的字體樣式</p> <p class="oblique">將字體設(shè)置為傾斜的字體樣式</p></body>CSS 樣式代碼：.normal { font-style:normal;}.italic { font-style:italic;}.oblique { font-style:oblique;}在瀏覽器中演示效果如下所示：font-weight 屬性用于設(shè)置顯示元素的文本中所用的字體加粗。<p> 標簽的粗細分別設(shè)置為 normal、bold、700、900：<p class="w1">將字體設(shè)置為:normal</p><p class="w2">將字體設(shè)置為:bold</p><p class="w3">將字體設(shè)置為:700</p><p class="w4">將字體設(shè)置為:900</p>CSS 樣式代碼：.w1 { font-weight: normal;}.w2 { font-weight: bold;}.w3 { font-weight: 700;}.w4 { font-weight: 900;}在瀏覽器中演示效果：font 屬性用于在一個聲明中設(shè)置所有的字體屬性，各個屬性之間使用空格隔開。也就是上述幾個屬性的綜合簡寫屬性。font 屬性來設(shè)置字體樣式，設(shè)置順序分別是：font-style、font-variant、font-weight、 font-size/line-height、font-family?？梢圆辉O(shè)置其中的某個值，未設(shè)置的屬性會使用其默認值。<p class="p1">草長鶯飛二月天，拂堤楊柳醉春煙。</p><p class="p2">留連戲蝶時時舞，自在嬌鶯恰恰啼。</p>CSS 樣式代碼：.p1{ font: italic bold 20px 'sans-serif', 楷體;}.p2{ font: bold 14px 'Arial', 宋體;}在瀏覽器中演示效果：font屬性時，font-size和font-family的值是必需的，如果沒有設(shè)置這兩個屬性值，則不會生效。font-size 屬性，我們會經(jīng)常用到。一般瀏覽器會有一個默認的字體大小，例如 16px，而編寫頁面時如果我們希望大部分頁面內(nèi)容正文字體大小為 12px 或 14px，就會在 <body> 標簽上設(shè)置，這樣就不用一個個標簽去設(shè)置。關(guān)鍵詞：樣式,字體
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
