day8 CSS屬性下

1.文字排版

字號大小:font-size:

可選參數值:xx-small | x-small | small | medium | large | x-large | xx-large|smaller | larger

設置字體:font-family:

使用font-family設置字體時,需要注意以下幾點:

?各種字體之間必須使用英文狀態下的逗號隔開。

?中文字體需要加英文狀態下的引號,英文字體一般不需要加引號。當需要設置英文字體時,英文字體名必須位于中文字體名之前。

?如果字體名中包含空格、#、$等符號,則該字體必須加英文狀態下的單引號或雙引號,例如font-family: "Times New Roman";。

?盡量使用系統默認字體,保證在任何用戶的瀏覽器中都能正確顯示。

?2.字體系列

襯線體:字體有一些修飾的東西,讓字體變的美觀。

非襯線體:沒有修飾。

3.字體顏色

通過color屬性可以設置字體的顏色。

Color: red;

建議最好使用十六進制的方式來寫。

4.字符間距

letter-spacing: 10px;

5.單詞間距

word-spacing

6.行高

行高是兩行文本基線的距離。實際上就是:文本的高度+一倍的行距。

一行文本的高度正好是:0.5倍行距+文本的高度+ 0.5倍行距

四線:

?文字頂端的線,稱為頂線。

?中線:穿過x中心的線為中線。

?小寫X字母底部的線為基線。

?文字底部的線為底線。

7.文本裝飾

text-decoration屬性用于設置文本的下劃線,上劃線,刪除線等裝飾效果,其可用屬性值如下:

刪除線

none:沒有裝飾(正常文本默認值)。

underline:下劃線。

overline:上劃線。

line-through:刪除線。

8.水平對其方式

text-align:left | right | none;

9.首行縮進

text-index: ?px | em;

應用范圍;logo優化

10空白符處理

white-space: normal | nowrap | pre;

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容