浮動
float:浮動的意思 浮嘍特
浮動元素的外邊緣不會超過其父元素的內(nèi)邊緣
浮動元素不會相互重疊
浮動元素不會上下浮動
在CSS中，任何元素都可以浮動
float:none/left/right
clear屬性
（清除浮動 被影響的那個）
clear 屬性用于清除浮動所帶來的影響
（又占用文檔流寬高）
clear：none/left/right
/both（清除兩邊的浮動）
（清除浮動 寫在父級）
（又占用文檔流寬高）
float與overflow
overflow:hidden;溢出 隱藏
表格常用樣式屬性
- border-collapse:collapse;
設(shè)置表格邊框合并collapse合并邊框，separate為不合并，是默認(rèn)值. - border-spacing:20px 30px;
設(shè)置單元格之間的間隙，一個參數(shù)代表上下左右相同，兩個參數(shù)代表，一個左右，一個上下，三四個參數(shù)沒用 - vertical-align屬性，垂直對齊方式
vertical-align：top/middle/bottom - caption-side:bottom;
設(shè)置標(biāo)題的位置，默認(rèn)top單元格之上，還有一個是設(shè)置在單元格下面的bottom -
table-layout：fixed；
auto自動表格，自動調(diào)整布局，fixed為固定的表格布局，不自動調(diào)整，內(nèi)容會因為過多過大而變形，前提是可以設(shè)置單元格的width的百分比
設(shè)置單元格的百分比.PNG
文本格式化
font : font-style font-variant font-weight font-size fontfamily;
- font-family:微軟雅黑；
瀏覽器加載的字體樣式 - font-size:4em;
設(shè)別尺寸單位 - font-weight:800;
默認(rèn)400，bold默認(rèn)為700，bolder為更黑，還可以取值100-900，900為最黑 - font-style:italic;
默認(rèn)傾斜，默認(rèn)父標(biāo)簽樣式；italic傾斜的意思，inherit為跟隨父標(biāo)簽 - font-variant:small-caps;
以小型字母輸入，大寫字母輸出 - text-align：center；
文本排列方式 - text-decoration：none；
設(shè)置文本線條
over-line顯示在文本的上賣弄
under-line下劃線
line-thrpugh 貫徹文字，刪除的效果
- line-height：100px;
行高設(shè)置文本單行的高度，處理單行文本垂直居中 - text-shadow: 20px 50px 10px #000;
文本陰影效果特好
第一個參數(shù)X軸偏移
第二個參數(shù)Y軸偏移
第三個參數(shù)模糊度
第四個參數(shù)顏色
- white-space:normal/nowrap;
處理空白 - text-overflow：clip/ellipsis;
文本溢出，文本橫向超出，顯示...，必須搭配overflow：hidden； - overflow：hidden；
隱藏溢出 - word-break:keep-all;
文本換行，
break-all塞滿了才會換行
keep-all保持陣型中文標(biāo)點符號作為分隔符，一條中文語句不會被放到兩行。
