第7章用CSS+DIV灵活布局页面0.pptVIP

下载本文档

5
0
约1.05千字
约 14页
2018-11-09 发布于江苏
举报
版权申诉

第7章用CSS+DIV灵活布局页面0.ppt

1、本文档共14页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
8、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

第7章用CSSDIV灵活布局页面0

第7章用CSS+DIV灵活布局页面本章内容 7.1 走进DIV 7.2 CSS定位与DIV布局 7.3 CSS+DIV布局的常用方法 7.4 综合实战1——固定宽度且居中的版式 7.5 综合实战2——左中右版式 7.1 走进DIV 7.1.1 创建DIV 7.1.2 为什么要用CSS+DIV布局 7.1.1 创建DIV div简单而言就是一个区块容器标记，可以容纳各种HTML元素。因此，可以把div与/div中的内容视为一个独立的对象，用于CSS的控制。 7.1.2 为什么要用CSS+DIV布局结构清晰化，将内容、结构与表现相分离。 7.2 CSS定位与DIV布局 7.2.1 盒子模型 7.2.2 元素的定位 7.2.1 盒子模型一个盒子模型是由content（内容）、border（边框）、padding（间隙）和margin（间隔）等4个部分组成。 content padding-top padding-bottom padding-right padding-left border-bottom border-top border-right border-left margin-left margin-right margin-top margin-bottom 7.2.2 元素的定位 1．float定位 2．position定位 3．z-index空间位置 7.3 CSS+DIV布局的常用方法 7.3.1 使用DIV对页面整体规划 7.3.2 设计各块的位置 7.3.3 使用CSS定位 7.3.1 使用DIV对页面整体规划 #container #banner #content #links #footer 使用DIV可以将页面首先在整体上进行div标记的分块，然后对各个块进行CSS定位，最后再在各个块中添加相应的内容。 7.3.2 设计各块的位置当页面的内容已经确定后，则需要根据内容本身来考虑整体的页面版型，例如单栏、双栏或左中右等。 #container #banner #content #links #footer #links 7.3.3 使用CSS定位设置body标记与#container父块设置#banner块设置#content块和#links块设置#footer块clear属性 7.4 综合实战1——固定宽度且居中的版式 7.5 综合实战2——左中右版式