3 字型樣式,分隔線與段落

2021-10-08 02:45:45 字數 2474 閱讀 3741

字型大小

字型大小通過font標籤的size屬性限制,取值為[1,7]

font標籤實際上也是內嵌的html標籤

字型大小

效果:

字型大小

字型大小也可以通過內嵌html的span標籤的font-size屬性修改,理論上沒有大小上限限制,因為是畫素取值

'font-size:24px』和size = 5幾乎一樣大

字型大小

效果:

字型大小

字型 字型通過font標籤的face屬性限制 >只演示常用的字型,其它種類的字型自行發揮應該都支援

我是黑體

我是宋體

我是微軟雅黑

我是華文彩雲

效果:

我是黑體

我是宋體

我是微軟雅黑

我是華文彩雲

字型也可以通過內嵌html的span標籤的font-family屬性修改

英文:arial, 『times new roman』

中文:微軟雅黑(microsoft yahei),宋體(simsun)

例如:宋體是襯線體,微軟雅黑是非襯線體

宋體

微軟雅黑

效果:

宋體

微軟雅黑

字型顏色

csdn中只支援渲染font標籤的文字顏色(而且標題顏色不能被font標籤修改),在有道雲筆記中是都支援的

csdn標題顏色不能被font標籤修改,可以這樣弄

字型顏色通過font標籤的color屬性限制,color的取值可以是顏色的英文單詞也可以是16進製制色彩值取值範圍:[#000000,#ffffff]

16進製制顏色runoob傳送門

16進製制顏色w3school

16進製制顏色參考**傳送門

red 

orange

yellow

gree

blue

purple

效果:

red

orange

yellow

gree

blue

purple 靛

字型也可以通過內嵌html的span標籤的color屬性修改,取值也是顏色的英文單詞也可以是16進製制色彩值

字型顏色紅

字型顏色靛

效果:

字型顏色紅

字型顏色靛

*斜體*
在p標籤中的文字不能用**加粗,可以使用i標籤限制加粗

雙向鍊錶
雙向鍊錶

**加粗**
在p標籤中的文字不能用****加粗,可以使用strong標籤限制加粗

雙向鍊錶
雙向鍊錶

***粗斜體***
在p標籤中的文字不能用******同時加粗和斜體,可以使用strong標籤限制加粗

雙向鍊錶
雙向鍊錶

分隔線

***

* * *

*****

- - -

----------

~~刪除線~~
帶下劃線文字
效果:

帶下劃線文字

淡泊明志^[小白]

寧靜致遠^[新銳]

效果:

淡泊明志1

寧靜致遠2

段落的換行是使用兩個以上空格加上回車,也可以使用br標籤換行,或者使用內建html的p標籤保留段落格式,首行縮排用空格

第一段......

第二段......

效果:

第一段…

第二段…

第一段......

第二段......

第一段…  第二段…

以上是直接書寫段落手動控制段落的方式,也可以直接用內嵌html的p標籤,p表示paragraph段落的意思,避免了段落間手動換行的麻煩

第一段......

第二段......

小白 ↩︎

新銳 ↩︎

CSS3 字型樣式

lang en charset utf 8 css3的其他屬性title type text css font face 宣告使用伺服器端字型 伺服器端字型對otf和ttf這兩種字型格式支援良好 font face p box sizing 設定width和height屬性值包含的內容。div di...

css3字型樣式

一 font family的使用 font family屬性可以設定html文字的字型樣式,eg.注意 當字型名稱中包括空格 之類的符號,則使用 font family 可以把多個字型名稱作為乙個 回退 系統來儲存。如果瀏覽器不支援第乙個字型,則會嘗試下乙個。也就是說,font family 屬性的...

css入門3 字型樣式

1字型樣式簡介 字型樣式屬性 屬性說明 font family 字型型別 font size 字型大小 font style 字型風格 color 字型顏色 除了字型顏色,其它字型屬性都是以font字首開頭的,其中font是字型的意思 1.1字型型別 font family 在css中,可以使用fo...