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 合并单元格(横向合并)
总结:多退少补(多出的单元格删掉,缺少单元格补齐)