1.居中五環(huán)
根據(jù)前面所學(xué)內(nèi)容寫(xiě)一個(gè)始終居中的奧運(yùn)五環(huán)
2.兩欄布局
3.兩個(gè)經(jīng)典BUG
1.（margin塌陷）父子嵌套的元素垂直方向的margin會(huì)取父子中較大的值移動(dòng)
解決方法：觸發(fā)BFC
2.(margin合并) ?兩個(gè)div豎直方向的margin會(huì)合并
解決方法：可以觸發(fā)BFC解決，但是一般不解決罚勾，因?yàn)闀?huì)改html猎塞，html在開(kāi)發(fā)中比較基層假抄，所以不解決。
4.BFC
四個(gè)觸發(fā)條件(將屬性加入到父元素中即可)：
1.position:absolute
2.display:inline-bock
3.float:left/right
4.overflow:hidden(一般用于處理溢出部分隱藏庶近，解決塌陷時(shí)將該熟悉加到父元素中)
5.浮動(dòng)模型
float:參數(shù)為left、right ?(將每行元素改為float布局)
clear:both(清除周圍浮動(dòng)流)
1.加入float的元素為浮動(dòng)元素
2.浮動(dòng)元素產(chǎn)生了浮動(dòng)流，所有產(chǎn)生了浮動(dòng)流的元素当辐，塊級(jí)元素看不到他們，產(chǎn)生了bfc的元素和文本類屬性的元素（帶inline的）以及文本都能看到浮動(dòng)元素鲤看。
3.問(wèn)題：一個(gè)塊級(jí)父元素不能看到浮動(dòng)元素缘揪，怎么獲得父元素邊框？
方法1：取一個(gè)不顯示的標(biāo)簽义桂，清除其周圍浮動(dòng)流找筝，將邊框撐開(kāi)
clear:both(只對(duì)塊級(jí)元素生效)
偽元素：可以用css來(lái)操作，但是沒(méi)有寫(xiě)到html里面（::before::after）
方法2：.父元素::after{content:"";clear:both;display:block;}
方法3：將父級(jí)元素設(shè)為可見(jiàn)浮動(dòng)流的元素（例如設(shè)為bfc）
知識(shí)點(diǎn)：設(shè)置position：absolute以及float：left/right打內(nèi)部把元素變?yōu)閕nline-block
應(yīng)用：實(shí)現(xiàn)文字圖片頂對(duì)齊
6.寫(xiě)一個(gè)簡(jiǎn)單實(shí)例
7.溢出容器慷吊，要打點(diǎn)展示
1.單行文本溢出處理：
解決方法：white-space:nowrap(成為一行);overflow:hidden(溢出部分隱藏);text-overflow:ellipsis(隱藏部分用點(diǎn)代替);
2.多行文本溢出處理：
解決方法：直接寫(xiě)...(百度就是這么實(shí)現(xiàn)的)
8.背景圖片處理
屬性：background-image:url();background-size: px px;background-repeat:no-repeat;background-position: px px(left top ? ? ? left bottom ? ?left center);
9.圖片代替文字問(wèn)題
解決辦法1：
text-indent: ?px(容器縮進(jìn)容器寬度)袖裕；white-space:nowrap(強(qiáng)制不換行);overflow:hidden(容器外隱藏);
解決辦法2：
將容器高度設(shè)為0；將內(nèi)邊框上部設(shè)為圖片高度溉瓶；因?yàn)楸尘皶?huì)在padding中擴(kuò)展急鳄，而文字不會(huì)，所以文字會(huì)被擠出容器堰酿，將容器外設(shè)為隱藏即可疾宏。
10.標(biāo)簽嵌套標(biāo)準(zhǔn)
行級(jí)元素只能嵌套行級(jí)元素，
塊級(jí)元素可以嵌套任何元素触创，
p標(biāo)簽不能嵌套塊級(jí)元素坎藐，
a標(biāo)簽不能嵌套a標(biāo)簽
11.css要點(diǎn)補(bǔ)充說(shuō)明：
1.
2.帶inline的元素有文本的特點(diǎn)，例如將空白或者換行展示為一個(gè)文本分隔符（例如img）
3.position:absulute以及float:left/right會(huì)將元素從內(nèi)部改為display:inline-block
4.一旦一個(gè)行級(jí)塊元素中有文字時(shí)哼绑，后面的文字會(huì)和該文字底對(duì)齊岩馍；不過(guò)可以通過(guò)vertical-align：來(lái)調(diào)整對(duì)其像素。
