一荡澎，文本標(biāo)簽
(1)<em>和<strong>,<i>,<b>,<cite>標(biāo)簽
- 通常em顯示為斜體麸锉，而strong顯示為粗體
- <i>,<b>這兩個標(biāo)簽和em和strong類似，但是這兩 個標(biāo)簽沒有語義晃琳。
- small標(biāo)簽表示細(xì)則一類的旁注籍救，通常包括 免責(zé)聲明、注意事項(xiàng)污茵、法律限制樱报、版權(quán)信 息等。
- 使用cite標(biāo)簽可以指明對某內(nèi)容的引用或參 考泞当。例如迹蛤，戲劇、文章或圖書的標(biāo)題襟士，歌 曲盗飒、電影、照片或雕塑的名稱等陋桂。
- blockquote和q表示標(biāo)記引用的文本逆趣。
- blockquote用于長引用，q用于短引用嗜历。
<em>標(biāo)簽
image.png
<strong>標(biāo)簽
image.png
- <en>標(biāo)簽和<strong>標(biāo)簽換可以一起使用哦
image.png
<i>標(biāo)簽
image.png
<b>標(biāo)簽
image.png
<small>標(biāo)簽
image.png
（2）宣渗，sup和sub標(biāo)簽
- sup和sub用于定義上標(biāo)和下標(biāo)。
image.png
（3）梨州，<ins>和<del>標(biāo)簽
- ins表示插入的內(nèi)容痕囱，顯示時通常會加上下 劃線。
- del表示刪除的內(nèi)容暴匠，顯示時通常會加上刪 除線鞍恢。
image.png
image.png
（4），<code>和<pre> 標(biāo)簽
- 如果你的內(nèi)容包含代碼示例或文件名每窖，就 可以使用code元素帮掉。
- pre元素表示的是預(yù)格式化文本，可以使用
- pre包住code來表示一段代碼窒典。
image.png
（5）蟆炊， 有序列表和無序列表
- 使用ol和li來創(chuàng)建一個有序列表。
- 使用ul和li來創(chuàng)建一個無序列表崇败。
- 使用dl盅称、dd、dt來創(chuàng)建一個定義列表后室。
image.png
image.png
image.png
二缩膝，文本樣式
(1)，單位
- px
如果我們將一個圖片放大的話岸霹，我們會發(fā)現(xiàn)一個圖片 是有一個一個的小色塊構(gòu)成的疾层，這一個小色塊就是一 個像素，也就是1px贡避，對于不同的顯示器來說一個像素 的大小是不同的痛黎。 - 百分比
也可以使用一個百分?jǐn)?shù)來表示一個大小予弧，百分比是相 對于父元素來說的，如果父元素使用的大小是16px湖饱， 則100%就是16px掖蛤，200%就是32px。 - em
em和百分比類似井厌，也是相對于font-size說的蚓庭，1em就相 當(dāng)于100%，2em相當(dāng)于200%仅仆，1.5em相當(dāng)于150%
image.png
(2)顏色單位
- 在CSS中可以直接使用顏色的關(guān)鍵字來代表 一種顏色
image.png
(3)字體單位
- font-size用來指定文字的大小器赞。
- 通過font-family可以指定標(biāo)簽中文字使用 的字體
- font-style用來指定文本的斜體。
- font-weight用來指定文本的粗體
- font-variant屬性可以將字母類型設(shè)置為小 型大寫墓拜。在該樣式中港柜，字母看* * 起來像是稍 微縮小了尺寸的大寫字母。
- text-transform樣式用于將元素中的字母全都變成大寫咳榜。
- text-align用于設(shè)置文本的對齊方式
font可以一次性同時設(shè)置多個字體的樣式夏醉。
語法 ：– font:加粗 斜體 小型大寫 大小/行高 字體
image.png
image.png
三，盒子
一個盒子我們會分成幾個部分：
- 內(nèi)容區(qū)(content)
- 內(nèi)邊距(padding)
- 邊框(border)
- 外邊距(margin)
- 通過width和height兩個屬性可以設(shè)置內(nèi)容區(qū)的大 小涌韩。
image.png
運(yùn)行結(jié)果如下：
image.png
