html常用標(biāo)簽、包含關(guān)系、常用術(shù)語,以及網(wǎng)頁設(shè)計中的字體分類

時間：2023-10-01 15:00:01 | 來源：網(wǎng)站運(yùn)營

時間：2023-10-01 15:00:01 來源：網(wǎng)站運(yùn)營

html常用標(biāo)簽、包含關(guān)系、常用術(shù)語,以及網(wǎng)頁設(shè)計中的字體分類：編程比較舒適的等寬字體:DejaVu Sans Mono

字體的分類:

serif (襯線字體){在筆畫上面有些特殊的修飾效果}

sans-serif (非襯線字體){橫平豎直.橫就是橫,點就是點}

monospace ( 等寬字體)

cursive ( 草書字體)

fantasy (虛幻字體)

以上這些分類都是一些大的分類, 并沒有涉及具體的類型,如果將字體指定為這些格式,瀏覽器會自己選擇指定類型的字體。一般情況在指定字體的時候.把分類名稱放到最后面當(dāng)備用字體

html標(biāo)簽

html標(biāo)簽的語義:

<div>,<span>沒有任何默認(rèn)樣式和語義

<b>(加粗),<i>(斜體) 有默認(rèn)樣式 沒有任何語義

<small> 有默認(rèn)樣式 h5中語義:用來表示一些細(xì)則,比如合同中的小字,版權(quán)聲明等

<big>有默認(rèn)樣式 無語義 已淘汰

<cite>有默認(rèn)樣式 可以指明某內(nèi)容的引用或參考,例如文章,圖書,電影,標(biāo)題，書名 例:<p><cite>《七龍珠》</cite>講的是....<p>

<q>(行內(nèi)引用)表示一個短的引用 例如 <p>孔子曰:<q>學(xué)而時習(xí)之</q></p> 有默認(rèn)樣式,瀏覽器會自動加一個引號

<blockquote>(塊狀引用)表示一個長的引用 例如 <p>孔子曰:<blockquote>學(xué)而時習(xí)之</blockquote></p> 有默認(rèn)樣式,瀏覽器會自動加一個引號

<sup>設(shè)置上標(biāo) 比如 2² 則瀏覽器會顯示2的2次方 或者可以加個a標(biāo)簽作為小備注

<sub>設(shè)置下標(biāo)

<del>刪除線

<ins> 表示插入的內(nèi)容 瀏覽器會自動加上下劃線

<pre>預(yù)格式標(biāo)簽 常用語代碼的顯示

<code> 僅僅語義表示這里面是一段代碼,但是格式并不會保留.所以通常與 pre標(biāo)簽配合使用

ul,li無序列表

ol,li有序列表

dl,dd,dt 定義列表




注意:

一般情況下只會使用塊元素包裹行內(nèi)元素,而不會用行內(nèi)元素包裹塊元素

a 標(biāo)簽可以包裹任意元素,除了它本身(無論是塊元素還是行內(nèi)元素)

p元素不能包含其他的任何塊元素

元素與元素之間的關(guān)系:

元素與元素之間的關(guān)系:

父元素:直接包含子元素的元素

子元素:直接被父元素包含的元素

祖先元素:直接或間接包含后臺元素的元素(父元素也屬于祖元素)

后臺元素:直接或間接被祖元素包含的元素(子元素也是后臺元素)

兄弟元素:擁有相同父元素的元素叫做兄弟元素

什么是偽類:

偽類專門用來表示元素的一種特殊的狀態(tài)

比如 訪問過的超鏈接,焦點文本框

什么是偽元素

偽元素用來表示元素中的一些特殊的位置

html中em單位是什么意思

和百分比類似,它是相對于當(dāng)前元素的字體大小來計算的.1em=1個font-size

原文鏈接：html常用標(biāo)簽、包含關(guān)系、常用術(shù)語,以及網(wǎng)頁設(shè)計中的字體分類 - 開竅 - 博客園
作者；開竅