浮动定位和表格

痞子三分冷 提交于 2019-11-30 13:16:00

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

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!