前端学习之表格、列表相关属性

**表格相关属性：**主要用于控制表格的外观，

表格相关属性有如下几个。
➢border-collapse: 该属性控制两个单元格的边框是合并在一起，还是按照标准的HTML样式分开该属性有两个值，即seperate (边框分开，使得单元格的分隔线为双线)和collapse (边框合并，使得单元格的分隔线为单线)。
➢border-spacing: 当设置bordercollapse为seperate时，用于设置两个单元格边框之间的间距。
➢caption-side: 用于设置表格标题位于表格哪边。该属性必须和<captio…>元素一起使用。该属性有4个值，即top、bottom、 left、 right, 分别对应于将表格标题放在表格的上、下、左、右4处。
➢empty-cells: 该属性控制单元格内没有内容时，是否显示单元格边框。只有当border- collapse属性设置成seperate时，该属性才有效。该属性支持show (显示)和hide (隐藏)两个属性值。
➢table-layout: 用于设置表格宽度布局的方法。该属性支持auto和fixed 两个属性值其中auto是默认值，也就是平时常见的表格布局方式;fixed则指定使用固定布局方式

列表相关属性：

列表相关属性有如下几个。
➢list-style: 是复合属性，可同时指定list- style -image、list-style- position、list-style-type 三个属性。
➢list-style-image: 该属性用于指定作为列表项标记的图片。
➢list-style-position: 该属性用于指定列表项标记出现的位置。该属性支持outside (列表项标记放在列表元素之外)和inside (列表项标记放在列表元素之内)两个属性值。
➢list-style-type: 该属性用于指定列表项标记的样式。

media query和响应式布局：

前端学习之表格、列表相关属性相关推荐

HTML 前端学习（4）—— CSS 属性相关
HTML 前端学习(4)-- CSS 属性相关设置长宽块级标签设置长宽行内标签设置长宽代码演示演示结果字体属性字体样式字体大小字体颜色字体粗细代码演示演示结果文字属性对齐方 ...
Web 前端学习之表格
表格 1. 表格定义及属性设置 2. 表格行定义及属性设置 3. 表格单元格定义及属性设置 4. 表格单元格合并结束语 1. 表格定义及属性设置在HTML网页中,想创建表格,就需要使用与表格相关的 ...
前端学习之表格、简历制作及登录表单
简单表格制作 1.使用table标签 2.表格里的行用 tr 标签 3.单元格用 td 标签 <body><h3>前端技术阶段划分标准</h3> <tabl ...
010day（表格及其相关属性）
一.表格 1.表格是什么:页面中用来显示数据 2.课表/日历/成绩单/oa系统 3.语法结构: <table> <tr> <td></td> ... & ...
前端基础速成day02--tabel的相关属性
day02 回顾: 文本类型:h p i/em strong hr br u /ins b/strong s/del h1一般用在logo 盒子布局类型: div, span, 列表系列 ul> ...
前端学习第二弹：target属性
今天被<a>标签的target属性着实打击了一把,怪我想太多,没有从局部钻出来~~~ 之前用的基本上就是那四个常见属性_blank,_self,_parent以及_top,关于这四大金刚大 ...
从零开始前端学习[50]:js操作标签属性,读写属性标签
js操作标签属性标签属性 js下操作标签属性提示: 博主:章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041 前端的一些标签属性标签属性:通俗的 ...
前端学习之table的常用属性
tr(表格行).td.th(表格列) table常用属性: boder-collapse:设置合并边框---->(collapse,separate),默认为separate,具体意义为将两个 ...
前端学习（225）:尺寸属性
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/ html4/str ...

前端学习之表格、列表相关属性

前端学习之表格、列表相关属性相关推荐

最新文章

热门文章