圓角邊框的使用
border-radius: 50%圓形
border-radius:?圓角矩形
盒子陰影
h-shadow 必須，x 偏移量必指，允許負(fù)值
v-shadow 必須，y 偏移量永丝，允許負(fù)值
blur 可選茁帽，陰影模糊半徑
spread 可選董饰，陰影擴(kuò)散半徑
color 可選，陰影顏色
inset 可選倦淀，內(nèi)部陰影蒋畜，直接寫(xiě)單詞即可
文字陰影
h-shadow 必須，x 偏移量撞叽，允許負(fù)值
v-shadow 必須姻成，y 偏移量，允許負(fù)值
blur 可選愿棋，陰影模糊半徑
color 可選佣渴，陰影顏色
浮動(dòng)
傳統(tǒng)網(wǎng)頁(yè)布局三種方式：標(biāo)準(zhǔn)流（文檔流）? 浮動(dòng)? ? ?定位
浮動(dòng)的概念：float 屬性用于創(chuàng)建浮動(dòng)框，直到左邊緣或右邊緣觸及包含塊或另一個(gè)浮動(dòng)框的邊緣初斑。
左浮動(dòng)： float: left;
右浮動(dòng)： float: right
浮動(dòng)特性-脫標(biāo)
元素浮動(dòng)后具三個(gè)特性
1. 脫離標(biāo)準(zhǔn)流（脫標(biāo)）
2.一行顯示并且頂部對(duì)齊
3. 具有行內(nèi)塊元素的特性
盒子脫標(biāo)后不會(huì)保留原有位置
后續(xù)的盒子會(huì)占據(jù)被浮動(dòng)盒子原有的位置
行內(nèi)元素可以使用浮動(dòng)行內(nèi)元素浮動(dòng)之后可以指定寬高不再需要轉(zhuǎn)換顯示模式
在網(wǎng)頁(yè)布局時(shí)辛润，標(biāo)準(zhǔn)流的父盒子排列上下位置
在網(wǎng)頁(yè)布局時(shí)，浮動(dòng)的子盒子負(fù)責(zé)在父盒子中橫向排列
清除浮動(dòng)
所有父盒子不一定都能準(zhǔn)確指定高度
如果子盒子全部浮動(dòng)见秤，父盒子的高度不能被撐開(kāi)
盒子浮動(dòng)后砂竖，會(huì)脫標(biāo)，一旦脫標(biāo)鹃答，原有位置不再保留
如果在開(kāi)發(fā)時(shí)乎澄，不方便給父盒子指定高度，子盒浮動(dòng)后（脫標(biāo)），不占有原有位置，導(dǎo)致父盒子高度為 0傍睹，最終影響到下方的盒子
清除浮動(dòng)的本質(zhì)
清除浮動(dòng)元素脫標(biāo)后造成的影響
清除浮動(dòng)后欢嘿，父盒子可以根據(jù)浮動(dòng)的子盒子自動(dòng)檢測(cè)高度，父盒子有了高度稻轨，就不會(huì)對(duì)下方的標(biāo)準(zhǔn)流造成影響了。
清除浮動(dòng)的屬性
clear: both;
額外標(biāo)簽法
在浮動(dòng)元素末尾添加一個(gè)空的 div設(shè)置該 div 的樣式為 clear: both;
清除浮動(dòng)之父元素 overflow
給父元素添加 overflow 屬性，將其屬性設(shè)置為 hidden 羞酗、 auto 、 scroll 都可以紊服；
通常設(shè)置 overflow: hidden 檀轨；
清除浮動(dòng)之 after 偽元素
::after 偽元素清除浮動(dòng)的代碼
.clearfix::after {
content:'';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
清除浮動(dòng)之雙偽元素
雙偽元素清除浮動(dòng)的代碼
.clearfix::before,
.clearfix::after {
content:'';
display: table;
}
.clearfix::after {
clear: both;
}
