day8 CSS屬性下

1.文字排版

字號(hào)大小:font-size:

可選參數(shù)值:xx-small | x-small | small | medium | large | x-large | xx-large|smaller | larger

設(shè)置字體:font-family:

使用font-family設(shè)置字體時(shí),需要注意以下幾點(diǎn):

?各種字體之間必須使用英文狀態(tài)下的逗號(hào)隔開。

?中文字體需要加英文狀態(tài)下的引號(hào),英文字體一般不需要加引號(hào)。當(dāng)需要設(shè)置英文字體時(shí),英文字體名必須位于中文字體名之前。

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

?盡量使用系統(tǒng)默認(rèn)字體,保證在任何用戶的瀏覽器中都能正確顯示。

?2.字體系列

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

非襯線體:沒有修飾。

3.字體顏色

通過(guò)color屬性可以設(shè)置字體的顏色。

Color: red;

建議最好使用十六進(jìn)制的方式來(lái)寫。

4.字符間距

letter-spacing: 10px;

5.單詞間距

word-spacing

6.行高

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

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

四線:

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

?中線:穿過(guò)x中心的線為中線。

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

?文字底部的線為底線。

7.文本裝飾

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

刪除線

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

underline:下劃線。

overline:上劃線。

line-through:刪除線。

8.水平對(duì)其方式

text-align:left | right | none;

9.首行縮進(jìn)

text-index: ?px | em;

應(yīng)用范圍;logo優(yōu)化

10空白符處理

white-space: normal | nowrap | pre;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 簡(jiǎn)單復(fù)習(xí)一下: Display改變標(biāo)簽顯示模式: display可以控制標(biāo)簽的顯示模式。 客串一個(gè):visibil...
    顯然2017閱讀 763評(píng)論 0 3
  • 1.塊級(jí)元素和行內(nèi)元素 塊級(jí)(block-level)元素;行內(nèi)(內(nèi)聯(lián)、inline-level)元素。 塊元素的...
    饑人谷_小侯閱讀 2,198評(píng)論 1 4
  • CSS的標(biāo)簽?zāi)J皆O(shè)置Display屬性 display可以控制標(biāo)簽的顯示模式。 display:none | in...
    金妮ing閱讀 531評(píng)論 0 0
  • 本文為閱讀《Head First HTML 與 CSS》的css部分的讀書筆記,方便回顧書上的知識(shí),另一篇為Hea...
    兼續(xù)閱讀 1,932評(píng)論 0 17
  • 問(wèn):我內(nèi)心其實(shí)特渴望強(qiáng)大,也許就如您說(shuō)我的攻擊欲自小就受到阻礙,個(gè)性也如您說(shuō)會(huì)顯得懦弱、自卑、隱忍,缺乏正常的反擊...
    熊玲心理咨詢閱讀 276評(píng)論 0 2

友情鏈接更多精彩內(nèi)容