html 超文本標記語言（他就是搭網(wǎng)頁這個架子的）
標簽：
塊標簽：div、 p辑莫、 ul、 ol枝笨、 li、 h1-h6剔桨、 dl徙融、 dd、 dt树绩、 form???? 特性：獨占一行隐轩，可以設(shè)置寬高 margin 上下左右都可以。
行內(nèi)標簽：span瘫俊、 i悴灵、 b积瞒、 em、 strong、 a????? 特性：共處一行银酬，設(shè)置高無效 margin 只能左右揩瞪。
行內(nèi)快標簽：input李破、 img????? 特性：共處一行壹将，可以設(shè)置寬高 margin 上下左右都可以。
怎么互相轉(zhuǎn)換：轉(zhuǎn)換成快-display:block; ? ? ? 行內(nèi)-display：inline;?????? 行內(nèi)塊-display:inline-block;
標簽的嵌套規(guī)則：塊標簽 - 能包塊，行內(nèi)，行內(nèi)快（ p 只能包行內(nèi)辛臊，行內(nèi)塊） ? ? ? 行內(nèi)元素 - 只能包行內(nèi)元素房交，行內(nèi)快（ a 不能包 a ）
表單三要素
1.action 要提交的地址
2.name 數(shù)據(jù)
3.method 提交方式： get刃唤、post
?? GET：1-get數(shù)據(jù)是在地址欄里傳輸?shù)?? 2-不安全?? 3-大小32k左右?? （優(yōu)點:可以收藏透揣，易于分享）
?? 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 上必須有前面兩個屬性崖堤。
表格內(nèi)文字屬性：中文字符默認會換行侍咱、英文字符默認不會換行
如果要自適應表格內(nèi)的字符換行或超出范圍用...顯示?? table class="table_fixed" 對應的th/td class="ell(出現(xiàn)...)? 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)直譯為"塊級格式化上下文"。它是一個獨立的渲染區(qū)域密幔，只有Block-level box參與楔脯， 它規(guī)定了內(nèi)部的Block-level Box如何布局，并且與這個區(qū)域外部毫不相干胯甩。
2.BFC布局規(guī)則：
內(nèi)部的Box會在垂直方向昧廷，一個接一個地放置。
Box垂直方向的距離由margin決定偎箫。屬于同一個BFC的兩個相鄰Box的margin會發(fā)生重疊
每個元素的margin box的左邊木柬， 與包含塊border box的左邊相接觸(對于從左往右的格式化，否則相反)淹办。即使存在浮動也是如此眉枕。
* BFC的區(qū)域不會與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 或 在自適應欄內(nèi)加padding-left）
* 清除內(nèi)部浮動（丟失高度）
防止垂直 margin 重疊
CSS 層疊樣式表（裝飾這個架子）
單位：
px
em-相對于父級大小姥宝，如果設(shè)置height,line-height相對于自己的字體大小
%-相對于父級
rem-相對于根（html）字體 root ?
盒子模型
盒子模型大小：內(nèi)容 + border + padding + margin(調(diào)整位置)
浮動 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）、*脫離文檔流 疮蹦、改變元素類型 诸迟、*必須設(shè)置寬高、必須top和left寫一下
3.固定定位：相對于可視去（瀏覽器） 愕乎、 *脫離文檔流 阵苇、改變元素類型 、*必須設(shè)置寬高感论、必須top和left寫一下
