天天看点

浮动定位和表格

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 合并单元格(横向合并)

总结:多退少补(多出的单元格删掉,缺少单元格补齐)