博客列表 >第5章 浮动定位与布局(第五课)

第5章 浮动定位与布局(第五课)

风清扬
风清扬原创
2019年11月04日 14:58:29771浏览

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

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


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议
风清扬2019-11-04 15:21:081楼
感谢老师!细心教导!我会下功夫!