table表单(如何用display制作表单之下篇)
这是我自打学习前端知识以来遇上的最难的课题,三次课程才总算搞明白这是怎么回事:其实就是表单的制作,只不过,除了用标签做以外,还有一种方法:用<div>来完成。
在表单制作时,<div>的使用率要远远高于标签,主要原因是<div>对搜索引擎的友好度高于table标签。
以下是用<div>制作的表单。
代码书写1 代码书写2 代码书写3table-caption,是指对表单信息的描述,只能定义table里面的内容,不可用于其他。table-caption也是css的一种针对table表单信息进行描述的一种样式属性。
table-column-group:代表列组;
table-header-group:代表表头;
table-row:定义一行,相当于table中的tr;
table-cell:元素信息,相当于td;
table-footer-group:代表底部信息;
table-row-group:相当于tbody,即数据承载部分。
border-collapse:collpse 风箱样式,定义边框内边距,该样式后续课程会学到,这里先做了解。
padding 盒子模型,指内留白。
页面展示这节课给我最大的感受就是:眼过百遍,真不如手过一遍。还是要勤加练习,这样知识才会信手拈来!
网友评论