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 合并單元格(橫向合并)
總結:多退少補(多出的單元格删掉,缺少單元格補齊)