如何在一個聲明中設定所有字體屬性
實例解析:
font屬性是CSS簡寫屬性,用於在一個宣告中設定所有的字型屬性。
可設定的屬性是(依序): "font-style font-variant font-weight font-size/line-height font-family"
#說明:
● font-style:規定字體樣式。
● font-variant:規定字體異體。
● font-weight:規定字體粗細。
● font-size/line-height:規定字體尺寸和行高。
● font-family:規定字體系列。
● caption:定義被標題控制項(例如按鈕、下拉清單等)所使用的字體。
● icon:定義被圖示標示使用的字體。
● menu:定義被下拉式清單使用的字體。
● message-box:定義對話方塊所使用的字體。
● small-caption:caption 字體的小型版本。
● status-bar:定義被視窗狀態列所使用的字體。
其中font-size和font-family的值是必要的。如果缺少了其他值,預設值將被插入,如果有預設值的話。
注意: line - height屬性設定行與行之間的空間。
新建檔案
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style>
p.ex1
{
font:15px arial,sans-serif;
}
p.ex2
{
font:italic bold 12px/30px Georgia,serif;
}
</style>
</head>
<body>
<p class="ex1">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>
<p class="ex2">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>
</body>
</html>
預覽
Clear
- 課程推薦
- 課件下載
課件暫不提供下載,工作人員正在整理中,後期請多關注該課程~ 















