浮动定位和表格

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值