html 超文本標記語言（他就是搭網頁這個架子的）
標簽：
塊標簽：div、 p、 ul、 ol、 li、 h1-h6、 dl、 dd、 dt、 form???? 特性：獨占一行，可以設置寬高 margin 上下左右都可以。
行內標簽：span、 i、 b、 em、 strong、 a????? 特性：共處一行，設置高無效 margin 只能左右。
行內快標簽：input、 img????? 特性：共處一行，可以設置寬高 margin 上下左右都可以。
怎么互相轉換：轉換成快-display:block; ? ? ? 行內-display：inline;?????? 行內塊-display:inline-block;
標簽的嵌套規則：塊標簽 - 能包塊，行內，行內快（ p 只能包行內，行內塊） ? ? ? 行內元素 - 只能包行內元素，行內快（ a 不能包 a ）
表單三要素
1.action 要提交的地址
2.name 數據
3.method 提交方式： get、post
?? GET：1-get數據是在地址欄里傳輸的?? 2-不安全?? 3-大小32k左右?? （優點:可以收藏，易于分享）
?? POST: 1-不是地址欄傳輸?? 2-相對安全?? 3-大小 1G
表格 table
table / thead / tbody / tfoot / tr / th / td ( table最好都寫上，瀏覽器給你補上，不如咱們自己寫 )
th / td? 如果要合并單元格? 合并列-colspan="xx"? ? 合并行-rowspan="xx"?
table{border-collapse:collapse; border-spacing:0} 如果要給tr加邊框 table 上必須有前面兩個屬性。
表格內文字屬性：中文字符默認會換行、英文字符默認不會換行
如果要自適應表格內的字符換行或超出范圍用...顯示?? table class="table_fixed" 對應的th/td class="ell(出現...)? bk(英文字符默認換行)"
???????? .table_fixed{table-layout:fixed;}??? .ell{white-space:nowrap;?text-overflow:?ellipsis; overflow:hidden;}???? .bk{word-break:break-all;}
BFC
1.BFC定義：BFC(Block formatting context)直譯為"塊級格式化上下文"。它是一個獨立的渲染區域，只有Block-level box參與， 它規定了內部的Block-level Box如何布局，并且與這個區域外部毫不相干。
2.BFC布局規則：
內部的Box會在垂直方向，一個接一個地放置。
Box垂直方向的距離由margin決定。屬于同一個BFC的兩個相鄰Box的margin會發生重疊
每個元素的margin box的左邊， 與包含塊border box的左邊相接觸(對于從左往右的格式化，否則相反)。即使存在浮動也是如此。
* BFC的區域不會與float box重疊。
* BFC就是頁面上的一個隔離的獨立容器，容器里面的子元素不會影響到外面的元素。反之也如此。
* 計算BFC的高度時，浮動元素也參與計算
3.哪些元素會生成BFC
根元素
float屬性不為none
position為absolute或fixed
display為inline-block, table-cell, table-caption, flex, inline-flex
overflow不為visible
4.BFC的作用：
*?自適應兩欄布局（要間距可以在浮動元素上加margin-right 或 在自適應欄內加padding-left）
* 清除內部浮動（丟失高度）
防止垂直 margin 重疊
CSS 層疊樣式表（裝飾這個架子）
單位：
px
em-相對于父級大小，如果設置height,line-height相對于自己的字體大小
%-相對于父級
rem-相對于根（html）字體 root ?
盒子模型
盒子模型大小：內容 + border + padding + margin(調整位置)
浮動 float
特點：1.半脫離文檔流 、 ??2.沒有改變元素類型 、 ? ?3.如果寬度不夠，會掉下來
為什么要浮動：讓元素到一行
清楚浮動（解決父級高度塌陷）：
1 ?overflow : hidden (給父級加，父級下的直接子級的浮動被清除掉)
2 ?clear (同級加一個空白塊標簽——clear：both)
3 .clearfix (父級加)
? .clearfix:after{content:""; display:block; clear:both; height:0; visibility:hidden;}
? .clearfix{zoom:1}
4 父容器形成 BFC
定位
1.相對定位：相對自己 、*不脫離文檔流 、不改變元素的類型
2.絕對定位：相對于定位父級（如果都沒有就body）、*脫離文檔流 、改變元素類型 、*必須設置寬高、必須top和left寫一下
3.固定定位：相對于可視去（瀏覽器） 、 *脫離文檔流 、改變元素類型 、*必須設置寬高、必須top和left寫一下
