您现在的位置是:首页 > 网站制作 > CSS3|Html5CSS3|Html5
表格高级(表格相关css属性)(表格重要html属性)、样式重置
胜于蓝2019-07-30【CSS3|Html5】人已围观
简介表格相关css属性1.合并相邻单元格边框(给table加) 语法: border-collapse: collapse(合并相邻单元格边框) | separate(相邻单元格边框分开);2.设置表格标题的位置(给tab
表格相关css属性
1.合并相邻单元格边框(给table加)
语法:
border-collapse: collapse(合并相邻单元格边框) | separate(相邻单元格边框分开);2.设置表格标题的位置(给table加)
语法:
caption-side: top | bottom | left | right;注:left和right只有火狐识别
3.设置单元格之间的间距(给table加)
语法:
border-spacing: 数值+单位;注:当出现border-collapse: collapse; 时,border-spacing 会失效;样式中的border-spacing 属性会覆盖掉标签中的cellspacing属性。
4.无内容单元格显示或隐藏(给table加)
语法:
empty-cells: show(显示) | hide(隐藏);5.表格布局算法(给table加)
语法:
table-layout: auto(默认值) | fixed(单元格宽度固定,不跟随内容多少改变单元格宽度);
表格重要html属性
1.合并行
rowspan="数值"2.合并列
colspan="数值"3.设置单元格内容垂直对齐方式
valign="top | cols | all | groups | none"4.设置单元格内容水平对齐方式
align="left | right | center"5.
rules="rows | cols | all | groups | none"
row:行分隔线
cols:列分隔线
all:位于行和列之间的分隔线
groups:行组和列组分隔线
none:不添加任何分隔线
注:表格行分组 thead、tbody、tfoot
表格列分组:
<colgroup span="1"></colgroup>注:span用来设置几列为一组,默认为1
样式重置
概念:将一些多次需要使用到的css属性写在公共样式中,或统一各个浏览器的一些样式就叫做样式重置
作用:让各个浏览器的css样式有一个统一的基准,有利于代码的优化
Tags:
很赞哦! ()
上一篇:Css布局 响应式布局介绍
下一篇:布局中 各类常见的兼容性问题
相关文章
随机图文
-
Css布局 响应式布局介绍
1. 概念: 写一套css样式可以同时适配多个终端,是为解决移动互联网诞生的。2. 作用: 面对不同的分辨率设备灵活性强,能够快捷解决多设备显示适应问题3. 原理 媒体查询 -
伪元素 before、after的介绍 和 元素隐藏不可见的两种方式区别
伪元素1.元素 before 在父元素中所有子元素的开头添加一个伪元素 eg: .box:before{ content: "SharedBlog"; 或 content: url(img/1.jpg);}2.元素 after 在父元 -
html元素类型详细介绍 包含 块元素、内联元素、可变元素
HTML元素分为三大类:块元素、内联元素、可变元素 1.块元素 常见块元素:div、p、ul、ol、li、dt、dl、dd、form、table、tr、td、h1、h2、h3、h4、h5、h6、hr、fieldset -
HTML 表单和输入
HTML 表单用于收集不同类型的用户输入。在线实例创建文本字段 (Text field) 本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。创建密码字段 本例演示如何