在CSS中,字體屬性是一個非常重要的屬性,可以用來控制文本的外觀和排版。下面我們來詳細了解一下字體屬性的使用。
font: font-style font-variant font-weight font-size/line-height font-family; /* 其中,font-style、font-variant、font-weight、font-size、font-family都是可選的 */
上述代碼中,font-size/line-height是必須要設置的屬性,同時還需要注意:
- font-style:設置字體樣式,可以是normal(默認)、italic(斜體)和oblique(傾斜)。
- font-variant:設置小型大寫字母的字體顯示,可以是normal(默認)和small-caps。
- font-weight:設置字體的粗細,可以是normal(默認)、bold(加粗)、bolder(更加粗體)和lighter(更細的體)。
- font-size/line-height:設置字體大小和行高,可以是像素值、百分比和em。
- font-family:設置字體系列,可以是字體系列名稱、特定字體系列(比如Arial和Calibri)或通用字體系列(比如serif、sans-serif和monospace)。
/* 下面是一些具體的樣式設置實例 */ p { font: 16px/1.5 sans-serif; /* 設置字體大小為16像素,行高為1.5倍,并使用sans-serif字體系列 */ } h1 { font: italic bold 24px/1.2 serif; /* 設置字體為斜體加粗,大小為24像素,行高為1.2倍,并使用serif字體系列 */ } span { font-size: 120%; /* 設置字體大小為父元素的120% */ font-family: "Microsoft YaHei", sans-serif; /* 設置字體系列為"Microsoft YaHei"或sans-serif */ }
最后需要注意的是,字體屬性值的書寫順序是無所謂的,但字體屬性值之間需要用空格隔開。