<em>和<strong>
1、em即“emphasize”。<em>表示強調，<strong>表示更強烈的強調。
2、<em>默認樣式是斜體，<strong>默認樣式是粗體。
3、<i></i>會使文本變成斜體 <b></b>會使文本變成粗體
4<cite></cite> 通常用來描述帶《》的文本
5.<code></code>與<pre></pre>通常用來描述一段代碼
6.<small></small>表示細則一類的旁注 例如：版權問題等
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>
今天天氣<em>真涼快！</em>
</p>
<p>
<strong>
注意：上課認真聽講
</strong>
</p>
<p>
<i>
我是i標簽
</i>
</p>
<p>
<b>
我是b標簽
</b>
</p>
<p>
<small>
我是small
</small>
</p>
<p>
<big>
我是big
</big>
</p>
<p>
<cite>
《我不是藥神》很火
</cite>
</p>
<p>
子曰:<q>學而時習之,不亦說乎！</q>
</p>
<div>
<blockquote>有朋子遠方來</blockquote>
</div>
<p>2<sup>2</sup></p>
<p>楊冪<sup><a href="">[3]</a></sup></p>
<p>
H<sub>2</sub>O
</p>
<p>
<del>4000</del><br>
999<br>
</p>
你真<ins>漂亮啊</ins>
</p>
<pre>
while True:
print("hahha")
</pre>>
<code>
while True:
print("hahha")
</code>>
</body>
</html>
序列表:ul li
顯示效果：小點
<ul type= 'xx'> 可以更改顯示效果
無序列表 ol li
顯示效果：1234...n
支持 1 a A i I
定義列表 ：dl dt(被定義的內容) dd（對定義內容的描述）
對詞匯定義的東西
通常用在下拉菜單
三種列表都可以相互嵌套
文本格式化
em根據屏幕字號走
rgb<顏色>
十六進制顏色 00-ff
ff0000
字體樣式
默認字號16
font-family : 字體（可以指定多個字體，用逗號隔開，優(yōu)先使用前面的字體，中間有空格的字體用引號引上）
px;font-family 寫在px; 后
font-style:樣式italic 斜體
font- weight : bold 加粗 nomal默認
font-variant:small-caps； 小型大寫字母
font：所有樣式 字號和字體必須寫 字體最后 字號在倒數第二
行間距
line-height: 行高
字號/行高
text-decuration:none 去除超鏈接下劃線
letter-spacing: 10px 字符之間的間距
word-spacing:10px 單詞之間的間距
text-align:(上下中 兩端) 對齊
text-indent:32px 首行縮進
盒模型
盒子里面是內容區(qū)
內容和盒子的邊距叫內邊距
盒子的邊叫邊框
盒子與盒子之間的距離叫外邊距
內容區(qū)中放子元素
border-width:10px;
border-color:red;
border-style:solid
有內容區(qū)，內邊距
border-width: （上右下左） 邊框 少一個成對應寬度
border: 同時指定顏色，樣式，寬
border-top:同上 上下左右
