Web前端之CSS(4)—— 表、定位、显示

本文详细介绍了Web前端中CSS关于表格的属性,包括边距、边框、尺寸、文本格式和垂直对齐等,并探讨了表格的特有属性如边框合并和显示规则。接着深入解析了定位概念,包括普通流定位、浮动定位、相对定位、绝对定位和固定定位,特别是浮动定位的特性及其引发的特殊情况。最后讨论了显示方式,如display属性的各类取值以及透明度、垂直对齐和光标样式的设置。
摘要由CSDN通过智能技术生成

一.表格

1.表格的常用属性
(1)边距属性 padding(td的margin无效)
(2)边框属性 border
(3)尺寸属性 width height
(4)文本格式 font-* text-* line-height
(5)背景属性 颜色,图片 渐变
(6)指定单元格数据的垂直对齐方式
vertical-align:top/middle/bottom

练习
01_ex 创建一个44的表格,内容自拟
1.设置每个单元格尺寸为100
100
2.设置表格和单元格的边框为1px 实线,黑色
3.尝试给每个td设置上外边距20px
4. 尝试给每个td设置左内边距20px
5.给表格添加标题,学生信息表

2.表格的特有属性
(1)边框的合并
border-collapse:
separate; 默认值 分离
collapse; 合并

(2)边框的边距(td的margin无效)
border-spacing:
必须保证边框是分离状态
取值:
1个值。水平和垂直距离相同
2个值,第一个值设置水平,第二个值设置垂直

(3)标题位置
caption-side:

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值