美文网首页WEB前端程序开发
跟高老师学习Web前端之50.

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

作者: 火色石榴花 | 来源:发表于2017-01-20 00:39 被阅读0次
待放

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

页面展示

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

相关文章

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

    table表单(如何用display制作表单之下篇) 这是我自打学习前端知识以来遇上的最难的课题,三次课程才...

  • 跟高老师学习Web前端之18.

    预算作业搞得所有人疲惫不堪,但是工作是常态,该忙什么还是要继续,没有最忙,只有更忙!参加工作这几年,我真...

  • 跟高老师学习Web前端之16.

    我用了大概15天的时间把南派三叔的一整套《盗墓笔记》,外加《沙海》,《藏海花》读完了,除了受了点惊吓,总觉...

  • 跟高老师学习Web前端之10.

    这两天高老师教我table表格的制作,因为内容较多,分了两次课程,今天我统一汇总起来整理成笔记,方便记忆和学习。 ...

  • 跟高老师学习Web前端之12.

    昨天我学习了用Table标签布局网页,它的侧重点在于利用Table本身的特性来进行页面的布局,使得页面有严...

  • 跟高老师学习Web前端之17.

    我一般是当天要穿的衣服,前一天晚上睡觉前就放好或者想好怎么搭配,衣服不多,但也不能乱搭配,还是将就点好。今...

  • 跟高老师学习Web前端之20.

    我们17年预算作业要持续一个月之久,今天是第一次事业本部审核,费用被要求重新修改,即使在大环境很闷的情况下...

  • 跟高老师学习Web前端之22.

    终于周末了,因为子公司预算作业的关系,整整加班一周了,大伙都累成狗啦,期盼着可以双休啊!我一定要睡到自然醒...

  • 跟高老师学习Web前端之19.

    今天是高老师讲解标签课程的最后一章,当然这绝对不是“最后”一个标签,而是他认为比较重要和常用的标签,可以暂时...

  • 跟高老师学习Web前端之21.

    话说21天的坚持能养成一个习惯,为了这句话,我愣是从《快乐大本营》中挪开眼睛,跟高老师学习编程,看着金光闪...

网友评论

    本文标题:跟高老师学习Web前端之50.

    本文链接:https://www.haomeiwen.com/subject/fokwbttx.html