天天看點

浮動定位和表格

float:left (左浮動) right(右浮動)

清除浮動

第一種方法:為父級 設定高度

第二種方法:為父級設定overflow:hidden

第三種方式:在浮動元素後設定空div 并為其設定clear:both樣式

第四種方法:為浮動元素父級設定:after僞元素,content:""; display:block; clear:both;

既想使用浮動進行布局,又要滿足撐開父級高度的特性(第四種)

僞元素(标簽)

:before 在内容之前插入content:"asdfas"中的值

:after 在内容之後插入content:"adfsd"中的值

定位 position

相對定位(相對自己原來的位置) relative

絕對定位(相對于浏覽器左上角) absolute

固定定位(相對浏覽器視窗) fixed

當子級設定絕對定位時,父級需要使用相對定位,才能實作絕對定位是以父級為參照物的效果

z-Index 設定定位層級 越大越靠近人(離人近)(Z軸)

透明度

opacity 值為0完全透明 值為1時完全不透明 中間值半透明

opacity:0.6

表格 table

表格标題 caption标簽

表格表頭 th

表格行 tr

單元格 td

表格頭部 thead

表格主題 tbody

表格尾部 tfoot

algin 單元格居中

cellspceing 單元格之間的距離

cellpadding 單元格與内容之間的距離

width 單元格寬度

height 單元格高度

rowspan 合并單元格(縱向合并)

colspan 合并單元格(橫向合并)

總結:多退少補(多出的單元格删掉,缺少單元格補齊)