跟高老师学习Web前端之50.

待放

table表单(如何用display制作表单之下篇)

       这是我自打学习前端知识以来遇上的最难的课题,三次课程才总算搞明白这是怎么回事:其实就是表单的制作,只不过,除了用标签做以外,还有一种方法:用<div>来完成。

       在表单制作时,<div>的使用率要远远高于标签,主要原因是<div>对搜索引擎的友好度高于table标签。

       以下是用<div>制作的表单。

代码书写1
代码书写2
代码书写3

table-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 盒子模型,指内留白。

页面展示

        这节课给我最大的感受就是:眼过百遍,真不如手过一遍。还是要勤加练习,这样知识才会信手拈来!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,681评论 1 92
  • Bootstrap是什么? 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 13,728评论 3 184
  • 整个八月份没有再安排集中的读书时间,都是在空闲的时候去翻看枕边的书籍,没有完结的,都还在阅读中,分别是:硅谷探秘...
    Jackjia阅读 1,449评论 0 0
  • 今天我们来讲一下,宽带接入技术中的光纤同轴混合网,简称HFC网,这是在目前覆盖面很广的有线网的电视网的基础上...
    iuuo阅读 4,612评论 0 2