浮動(dòng)
float:浮動(dòng)的意思 浮嘍特
浮動(dòng)元素的外邊緣不會(huì)超過其父元素的內(nèi)邊緣
浮動(dòng)元素不會(huì)相互重疊
浮動(dòng)元素不會(huì)上下浮動(dòng)
在CSS中析恢,任何元素都可以浮動(dòng)
float:none/left/right
clear屬性
(清除浮動(dòng) 被影響的那個(gè))
clear 屬性用于清除浮動(dòng)所帶來(lái)的影響
(又占用文檔流寬高)
clear:none/left/right
/both(清除兩邊的浮動(dòng))
(清除浮動(dòng) 寫在父級(jí))
(又占用文檔流寬高)
float與overflow
overflow:hidden;溢出 隱藏
表格常用樣式屬性
- border-collapse:collapse;
設(shè)置表格邊框合并collapse合并邊框给梅,separate為不合并,是默認(rèn)值. - border-spacing:20px 30px;
設(shè)置單元格之間的間隙,一個(gè)參數(shù)代表上下左右相同,兩個(gè)參數(shù)代表,一個(gè)左右啰脚,一個(gè)上下,三四個(gè)參數(shù)沒用 - vertical-align屬性实夹,垂直對(duì)齊方式
vertical-align:top/middle/bottom - caption-side:bottom;
設(shè)置標(biāo)題的位置橄浓,默認(rèn)top單元格之上,還有一個(gè)是設(shè)置在單元格下面的bottom -
table-layout:fixed亮航;
auto自動(dòng)表格荸实,自動(dòng)調(diào)整布局,fixed為固定的表格布局缴淋,不自動(dòng)調(diào)整准给,內(nèi)容會(huì)因?yàn)檫^多過大而變形泄朴,前提是可以設(shè)置單元格的width的百分比
文本格式化
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;
文本陰影效果特好
第一個(gè)參數(shù)X軸偏移
第二個(gè)參數(shù)Y軸偏移
第三個(gè)參數(shù)模糊度
第四個(gè)參數(shù)顏色
- white-space:normal/nowrap;
處理空白 - text-overflow:clip/ellipsis;
文本溢出对室,文本橫向超出模燥,顯示...,必須搭配overflow:hidden软驰; - overflow:hidden涧窒;
隱藏溢出 - word-break:keep-all;
文本換行,
break-all塞滿了才會(huì)換行
keep-all保持陣型中文標(biāo)點(diǎn)符號(hào)作為分隔符锭亏,一條中文語(yǔ)句不會(huì)被放到兩行。