H5基礎知識總結
1.DOCTYPE html
2.html結構
HTML標籤/標記/元素/節點：<標籤名>
單標籤：
雙標籤:
html標籤：根標籤
head: 頭部，一般包含不可見內容
body: 內容部分， 一般包含可見內容
meta：聲明，聲明編碼格式
title: 頁面標題
3.基本標籤
標題標籤：h1~h6 雙標籤
段落標籤：
空格標籤：  (html中，多個空格，換行也會被解析成一個空格)
換行標籤：
分割線：
加粗標籤：
斜體標籤：
輸入框：
圖片標籤：
超鏈接：
4.列表
ul：無序列表 ol：有序列表 dl：自定義列表 （ol有 type和start）
5.表格
表頭，表體，表尾
行，列，合併行，合併列： rowspan colspan
6.表單
單行文本輸入框：<input type=“text” value=“黃曉明” placeholder="請輸入姓名"name=“username”>
密碼輸入框：
多行文本輸入：
按鈕：
單選框：
複選框：
checked 默認選中 disabled 禁用
下拉菜單：
(selected 默認選中)
顏色：顏色單詞，十六進制：#ff3344，rgba(255,255,255,0.4)
常用塊標籤：div ,h1~h6,p,ul,dl,ol,table
常用內聯標籤：a,span,b,strong,i,em,input,select,textarea
img:內聯塊，支持寬高，不獨佔一行
7.文本屬性
font-size font-family font-style font-weight text-align line-height text-decoration
letter-spacing text-indent
8.盒子模型
邊框：border-style solid 實線 dashed 虛線 dotted 點線 double 雙線
邊框圓角:border-radius
寬度 = width + padding + border + margin
高度 = height + padding + border + margin
9.定位
position:relative/absolute/fixed
相對定位/relative：1.不會提升層級,對自身節點沒有影響 2.為絕對定位服務,讓後代節點可以以自身作為定位參照物
絕對定位/absolute：
- 提升層級(整層)：脱離文檔流
- 定位參照物：
a.查找父節點是否有定位，如果有則是定位參照物，如果沒有則繼續查找父節點的父節點…
b.如果所有父節點都沒有定位，則以瀏覽器頁面作為定位參照物
固定定位：fixed
固定定位：相對於瀏覽器窗口
絕對定位：相對於頁面內容
