web表格在css中属性,CSS属性之表格(Table)_html/css_WEB-ITnose
HTML为表格定义了3个元素用于对行进行分组,它们是 thead (表头)、tbody (表格主体)、tfoot (脚注)。
在HTML4中文档结构中的 tfoot 必须出现在 tbody之前,HTML5去掉了这个限制。
如果在源代码中没有写分组元素时,浏览器会自动创建 tbody ,所以选择器 table > tr 总是无效,因为中间有 tbody。
如果表格主体中的每一行都是以 td 元素开头,那这些 th 就是行标题。
colgroup 与 col
标签只能在 table 元素中使用。
标签只能在 table 或 colgroup 元素中使用。
col 可以在 colgroup 之外使用。
colgroup 中的 col 会覆盖 colgroup 样式。
table-layout:auto | fixed
auto: 默认的自动算法。布局将基于各单元格的内容,换言之,可能你给某个单元格定义宽度为100px,但结果可能并不是100px。表格在每一单元格读取计算之后才会显示出来,速度很慢。
fixed: 固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关。也就是说,内容可能被裁切。
border-collapse:separate | collapse
separate: 边框独立。
collapse: 相邻边被合并。
只有当表格边框独立(即border-collapse属性等于separate时),border-spacing和empty-cells才起作用。
border-spacing: {1,2}
用长度值来定义行和单元格的边框在横向和纵向上的间距。不允许负值。
如果提供全部两个length值时,第一个作用于横向间距,第二个作用于纵向间距。
如果只提供一个length值时,这个值将作用于横向和纵向上的间距。
caption-side:top | bottom
top: 指定caption在表格上边。
bottom: 指定caption在表格下边。
empty-cells:hide | show
设置或检索当表格的单元格无内容时,是否显示该单元格的边框。
hide: 指定当表格的单元格无内容时,隐藏该单元格的边框。
show: 指定当表格的单元格无内容时,显示该单元格的边框。
web表格在css中属性,CSS属性之表格(Table)_html/css_WEB-ITnose相关推荐
- c语言中边框所占两列一行,css中的border-collapse属性如何设置表格边框线?(代码示例)...
css中的border-collapse属性如何设置表格边框线?本篇文章就给大家介绍css中的border-collapse属性是什么? border-collapse属性设置表格边框线的方法.有一定 ...
- CSS中的resize属性
CSS | 调整属性 (CSS | resize Property) Starting note: 开始说明: We deal with various elements regularly whil ...
- css中文本指什么,CSS中的文本属性
本文总结一下CSS中关于文字的相关属性,最后给出实例. CSS基础文字属性 文字的基础属性主要包括:字体.颜色和文本.除去颜色color的属性外,字体和文本的相关属性可以权威参考: CSS 文本属性( ...
- css text top,text-align属性(css中文本对齐属性)
text-align属性 设置h1.h2.h3元素的文本对齐方法: h1{text-align:center} h2{text-align:left} h3{text-align:right} 亲自试 ...
- html text align属性,CSS中的text-align属性怎么用
CSS的text-align属性可用于设置文本的位置,接下来的这篇文章将给大家介绍关于CSS中的text-align属性的用法,下面我们来看具体的内容. 我们先来看一段简单的代码 在此处显示文字 效果 ...
- CSS中Position定位属性的使用
文章目录 CSS中定位属性的使用 position:absolute position:relative position:fixed position:sticky position:static ...
- html页边距为负值,css中的padding属性可以为负值吗?css中padding属性的详解
关于css盒模型中的内边距padding属性的详细介绍,还有新手常犯的一个错误,内边距padding属性真的能写入负值.这个答案在文章的最后,现在就让我们一起来看这篇文章吧 首先我们介绍的是第一个问题 ...
- 【CSS】【position】css中的position属性
css中的position属性用于设置元素位置的确定方式,它有以下几种取值: static:默认定位方式,子元素在父容器中挨个摆放 absolute:绝对定位,元素不占据父容器空间,相当于文档body ...
- html scale属性,CSS中的zoom属性和scale属性的用法及区别
CSS中的zoom属性和scale属性的用法及区别 CSS中的zoom属性和scale属性的用法及区别是什么呢?以下是小编整理的相关内容,欢迎阅读学习! zoom 属性 语法: zoom:normal ...
- html dom style pointer-events,如何在CSS中使用pointer-events属性
如何在CSS中使用pointer-events属性 发布时间:2021-03-26 17:02:35 来源:亿速云 阅读:57 作者:Leah 今天就跟大家聊聊有关如何在CSS中使用pointer-e ...
最新文章
- UltraEdit 21激活
- hive中order by,sort by, distribute by, cluster by作用以及用法
- vs编译器 printf 控制台输出_【必备】推荐几款好用的C/C++ 在线编译器?
- Android 数字签名学习笔记
- 「JOISC 2016 Day 3」回转寿司
- Fedora WIFI频繁断开问题的解决办法
- 类中赋值运算符重载函数
- Property 'submit' of object #HTMLFormElement is not a function
- 实验 2 关键字驱动测试(2 学时)实验报告--软件功能测试与性能测试实验
- 西门子plm_西门子PLM副总裁:NX,智能的CAD平台
- 关于C++中的pow()函数
- Python爬虫 批量采集京东商品数据,实时了解商品价格走势
- html用户中心界面图,某银行客户中心用户登录界面html模板代码
- V-Rep机器人仿真软件模型导入部分
- 集合涉及到的排序方式
- html怎么设置展开li,html网页代码常用ul li列表布局标签。
- 分享一个VS2010插件 GBackupSolution Add-in for Visual Studio 2008/2010
- 那个80后程序员,7年创业4次,公司市值750亿美金,全球5万员工!
- Process terminated
- 驰名世界的奢侈品牌史话:巴宝莉(Burberry)