Blogger Information
Blog 29
fans 0
comment 1
visits 19625
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
第5章 浮动定位与布局(第五课)
风清扬
Original
777 people have browsed it

* 制作一张商品信息表,内容自定,要求用到行与列的合并 

22222.jpg

* 使用<div><span><p><ul>...等标签来制作一张课程表

333.jpg

* 使用绝对定位,实现用户登录框在页面中始终居中显示 

666.jpg

* 模仿课堂案例, 实现圣杯布局,并写出完整流程与布局思路

7777.jpg


* (选做): 不使用<table>...写表格时,如何实现行与列合并 

colspan="2" 实现横向合并               rowpan="2" 实现纵向合并


* (选做): 将圣杯布局中的左右二列,使用绝对定位来实现 

7777.jpg


* (选做): 与圣杯类似的"双飞翼"布局如何实现,并实例演示(看不出来圣杯布局和双飞翼的区别,网上找资料也没有看出来!)

7777.jpg


手写:

QQ截图20191104020140.jpg

33333.jpg

32.jpg

66666666.jpg


Correction status:qualified

Teacher's comments:写得非常认真, 真心希望你能坚持下去... 手写一遍代码, 记忆远远胜过电脑敲, 现在越来越多的科技公司要求程序员有手写代码的能力, 因为手写代码要求很高, 必须一次性正确率...
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
1 comments
风清扬 2019-11-04 15:21:08
感谢老师!细心教导!我会下功夫!
1 floor
Author's latest blog post