- 1、本文档共18页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
3DivCSS布局
DIV+CSS布局 要点回顾 * 1.什么是CSS? 2.CSS基本语法结构? 3.CSS样式有哪几种类型? 4.CSS选择符有哪几种类型? 5.创建、编辑 和应用CSS样式表 * DIV+CSS布局 1 常用基本布局类型 2 3 4 布局元素DIV TIPS * 在符合Web标准的网页布局中,首选的就是DIV元素。而DIV元素在XHTML中最大的作用,就是在布局设计时作为其他对象的容器。 DIV标签属于块级元素,每一个DIV标签都独立的占据一行,要使指定的几个DIV标签列为一行,需要在CSS中对其float属性进行定义。 3.1 布局元素DIV * 是最简单、最基本的布局类型,也是各种布局类型的基础。 1. 单行单列式固定宽度布局: 3.2 常用基本布局类型 #single{ width:300px; height:200px; margin:0 auto; color:#FF0; text-align:center; background:#2A1FAA; } * 运行效果: 3.2 常用基本布局类型 * 与前者最大的不同就是它会随着窗口的宽度而改变自身的宽度。 2. 单行单列式自适应宽度布局: 3.2 常用基本布局类型 #single{ width:75%; height:200px; margin:0 auto; color:#FF0; text-align:center; background:#2A1FAA; } * 运行效果: 3.2 常用基本布局类型 * 可以看作是两个单行单列布局的有机组合,运行效果如下: 3. 单行双列式固定宽度布局: 3.2 常用基本布局类型 * 如果单纯地修改固定宽度值为百分比,运行效果: 4. 单行双列式自适应宽度布局: 3.2 常用基本布局类型 * 分析原因:IE依据四舍五入的原则计算宽度。 解决方法:将#right的clear属性设置为right。运行效果: 3.2 常用基本布局类型 * 通常左右两侧元素样式相同,中间较宽,设计者可依据需要来定义。运行效果: 5. 单行三列式固定宽度布局: 3.2 常用基本布局类型 * 运行效果: 6. 单行三列式自适应宽度布局: 3.2 常用基本布局类型 * 下图可以看作是三个单行单列式布局,中间的一行嵌套了一个单行三列式布局。运行效果: 7. 多种布局类型的综合运用: 3.2 常用基本布局类型 * TIPS 使整个网页居中的方法: 将最外层ID为main的margin属性设置为0 auto;即上下外边距为0,左右外边距为自动值。 * TIPS 2. 常用尺寸标准: 由IAB(Internet Advertising Bureau,国际广告局 )1997年推出一系列网络广告宣传物的标准尺寸。 本节要点 掌握常用布局类型 掌握布局元素DIV的常用属性设置 能够熟练运用DIV嵌套进行整个页面布局 * 结 束
您可能关注的文档
- 矿井机械设备检修通用技术标准.doc
- 浅析乔布斯与苹果公司的组织结构.doc
- 实验室认可中档案管理的实践_黄桢.pdf
- 初二数学预习资料.doc
- 1.9最小二乘法作业.doc
- 车载净化器产品策划.doc
- 综合管理质量工程总结(2009年7月).doc
- 第三课时 3的倍数的特征.doc
- 马原教材的配套习题第四章.ppt
- 欧姆定律及其应用复习题.doc
- 基于人工智能教育平台的移动应用开发,探讨跨平台兼容性影响因素及优化策略教学研究课题报告.docx
- 高中生物实验:城市热岛效应对城市生态系统服务功能的影响机制教学研究课题报告.docx
- 信息技术行业信息安全法律法规研究及政策建议教学研究课题报告.docx
- 人工智能视角下区域教育评价改革:利益相关者互动与政策支持研究教学研究课题报告.docx
- 6 《垃圾填埋场渗滤液处理与土地资源化利用研究》教学研究课题报告.docx
- 小学音乐与美术教师跨学科协作模式构建:人工智能技术助力教学创新教学研究课题报告.docx
- 《航空航天3D打印技术对航空器装配工艺的创新与效率提升》教学研究课题报告.docx
- 教育扶贫精准化策略研究:人工智能技术在区域教育中的应用与创新教学研究课题报告.docx
- 《区块链技术在电子政务电子档案管理中的数据完整性保障与优化》教学研究课题报告.docx
- 《中医护理情志疗法对癌症患者心理状态和生活质量提升的长期追踪研究》教学研究课题报告.docx
最近下载
- VAV-空调系统运行中的问题分析和改造的研究.pdf VIP
- 液冷盲插快接头发展研究报告 2025.pdf
- 《高速公路基础设施数字化建设数据标准》.pdf VIP
- DB21T 1388-2005 风沙半干旱地区花生节水高产优质栽培技术规程.pdf VIP
- 九江卫生系统招聘2022年考试真题及答案解析六1.docx VIP
- 九江2022年卫生系统招聘考试真题及答案解析一_1.docx VIP
- 2025年榆林能源集团有限公司招聘工作人员笔试真题及答案.docx VIP
- GB_T 18879-2020 滑道通用技术条件.docx VIP
- 鼻出血急救与护理.pptx
- 《医疗机构消防安全管理九项规定》考核试题.pdf VIP
文档评论(0)