实训四:CSS盒模型练习3页.doc

上传人:晟*** 文档编号:6697512 上传时间:2021-09-12 格式:DOC 页数:3 大小:391.50KB
下载 相关 举报
实训四:CSS盒模型练习3页.doc_第1页
第1页 / 共3页
实训四:CSS盒模型练习3页.doc_第2页
第2页 / 共3页
实训四:CSS盒模型练习3页.doc_第3页
第3页 / 共3页
亲,该文档总共3页,全部预览完了,如果喜欢就下载吧!
资源描述

实训四:盒子模型练习三实训目的:n 1. 深刻理解盒子模型的的概念;n 2. 掌握孤立盒子的内部结构;n 3. 掌握理解多个盒子的相互关系。实训内容:一、制作如下要求的页面效果:页面由“box1box2box3box4”四个盒子组成,123号盒子在一行,4号盒子在2号盒子的正下方,每个盒子的宽均为400px,高均为200px,5px边框黑色,盒子间距为10px;二、 实现以下图像,练习盒子模型:要求:margin-top: 30px;margin-right: 50px;margin-bottom: 30px;margin-left: 50px;图片填充padding:20px;三、 图片排版,练习盒子模型;要求:1、与图示布局基本保持一致(个元素大小及定位数值可自由设定),模板显示区域居中显示实现“联动”效果; 2、控制字的大小和样式:超链接 12px 正常为黑色无下划线 鼠标经过时蓝色出现下划线;3、一行排列三个li区域;4、整体排版合理,布局协调有序;四、图片排版,练习盒子模型;五、利用盒子模型,实

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 实用文档资料库 > 公文范文

Copyright © 2018-2021 Wenke99.com All rights reserved

工信部备案号浙ICP备20026746号-2  

公安局备案号:浙公网安备33038302330469号

本站为C2C交文档易平台,即用户上传的文档直接卖给下载用户,本站只是网络服务中间平台,所有原创文档下载所得归上传人所有,若您发现上传作品侵犯了您的权利,请立刻联系网站客服并提供证据,平台将在3个工作日内予以改正。