CSS文本標(biāo)簽

em和strong:

em標(biāo)簽用于表示一段內(nèi)容中的著重點(diǎn)。

strong標(biāo)簽用于表示一個(gè)內(nèi)容的重要性

通常em顯示為斜體,而strong顯示為粗體


圖1

i和b標(biāo)簽:

i標(biāo)簽會(huì)是文字變成斜體

b標(biāo)簽會(huì)是文字變成粗體

這兩個(gè)標(biāo)簽和em strong類似,但是這里阿哥標(biāo)簽沒有語(yǔ)意

small:

small標(biāo)簽表示細(xì)則一類的旁注,通常包括 免責(zé)聲明、注意事項(xiàng)、法律限制、版權(quán)信 息等。

瀏覽器在顯示small標(biāo)簽時(shí)會(huì)顯示一個(gè)比父 元素小的字號(hào)。

cite:

?使用cite標(biāo)簽可以指明對(duì)某內(nèi)容的引用或參 考。例如,戲劇、文章或圖書的標(biāo)題,歌曲、電影、照片或雕塑的名稱等。 如下:


圖2

sup和sub:

?sup和sub用于定義上標(biāo)和下標(biāo)。 效果圖如下:


圖3

ins和del:

?ins表示插入的內(nèi)容,顯示時(shí)通常會(huì)加上下劃線。

del表示刪除的內(nèi)容,顯示時(shí)通常會(huì)加上刪 除線。

code和pre:

?如果你的內(nèi)容包含代碼示例或文件名,就 可以使用code元素。

?pre元素表示的是預(yù)格式化文本,可以使用pre包住code來(lái)表示一段代碼。

有序列表:

使用ol和li來(lái)創(chuàng)建一個(gè)有序列表。

無(wú)序列表:

使用ul和li來(lái)創(chuàng)建一個(gè)無(wú)序列表。

定義列表:

?使用dl、dd、dt來(lái)創(chuàng)建一個(gè)定義列表。

單位:

px

–如果我們將一個(gè)圖片放大的話,我們會(huì)發(fā)現(xiàn)一個(gè)圖片是有一個(gè)一個(gè)的小色塊構(gòu)成的,這一個(gè)小色塊就是一 個(gè)像素,也就是1px,對(duì)于不同的顯示器來(lái)說一個(gè)像素 的大小是不同的。

百分比

–也可以使用一個(gè)百分?jǐn)?shù)來(lái)表示一個(gè)大小,百分比是相對(duì)于父元素來(lái)說的,如果父元素使用的大小是16px,? 則100%就是16px,200%就是32px。

em

–em和百分比類似,是相對(duì)于font-size說的

? 1em= 1font-size

顏色:

在CSS中可以直接使用顏色的關(guān)鍵字來(lái)代表一種顏色。

17中顏色:

aqua、black、blue、fuchsia、gray、green、 lime、maroon、navy、olive、orange、

purple、red、silver、teal、white、yellow。

RGB值:

可以使用計(jì)算機(jī)中常用的RGB值來(lái)表示 顏色。可以使用0~255的數(shù)值,也可以使 用0%~100%的百分比數(shù)。

– RGB(100%,0%,0%)

– RGB(0,255,0)

第一個(gè)數(shù)表示紅色的濃度,第二個(gè)數(shù)表示綠色濃度,第三個(gè)數(shù)表示藍(lán)色的濃度。

文字大小:

font-size用來(lái)指定文字的大小。

行間距:

line-height用于設(shè)置行高,行高越大則行 間距越大。

行間距 = line-height – font-size

字母間距和單詞間距:

?letter-spacing用來(lái)設(shè)置字符之間的間距。

?word-spacing用來(lái)設(shè)置單詞之間的間距。

?這兩個(gè)屬性都可以直接指定一個(gè)長(zhǎng)度或百

分?jǐn)?shù)作為值。正數(shù)代表的是增加距離,而 負(fù)數(shù)代表減少距離。

對(duì)齊文本:

text-align用于設(shè)置文本的對(duì)齊方式。?

可選值:?

?left:左對(duì)齊?

?right:右對(duì)齊?

?justify:兩邊對(duì)齊?

?center:居中對(duì)齊?

?著作權(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)容

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