网页设计与制作教程 | CSS盒子模型的应

介绍CSS盒子模型的应用示例。

01

盒子模型的应用举例

盒子模型在网页布局中的应用十分广泛，下面通过例子说明盒子模型的简单应用。

【例9-2】利用Div+CSS制作一个新闻页面。

(1) 在记事本中输入以下HTML代码。

展开全文

(2) 保存并预览，效果如图9-4所示。

■ 图9-4新闻页面效果

在本例中，每个Div均可看作一个盒子模型，通过对各个Div的属性进行设置，使这4个Div之间的布局如图9-5所示。

■ 图9-5布局效果示意

实例讲解

网页设计与制作教程（第4版）

精彩回顾

Internet发展历程

内容：Internet简要介绍。

CSS基础知识

内容：初识CSS。

网页评价指标

内容：网页赏析的评价方法。

下期预告

网页布局设计综合案例

内容：制作一个简单的企业网站首页。

02

参考书籍

《 网页设计与制作教程（第4版）》

作者：杨选辉

定价：69.90元

内容简介

本书是一本全面介绍网页设计与制作技术的教程，以目前流行的网页设计软件作为技术支持，系统介绍网页的构思、规划、制作和网站建设的全过程。

本书共10章。第1～7章面向入门层次，介绍网页制作基础知识、网站开发流程、HTML基础知识、CSS基础知识、网页可视化设计、主流的网页制作工具Dreamweaver CC 2019和网站赏析；第8～10章面向提高层次，介绍利用CSS修饰网页元素、CSS盒子模型和Div+CSS布局技术；每章最后均提供形式多样的思考与练习题。

本书构思清晰、结构合理、内容丰富、循序渐进，兼顾入门和提高两个层次，关注开发环节最重要和最实用的部分，特别注重实践能力的培养，实用性、可操作性和可模仿性较强，同时融入课程思政元素。此外，本书配套的多媒体教学课件可以帮助读者在较短的时间内学会网页设计的相关知识，掌握制作网站的技能，创建自己喜爱的网站。

本书可作为高等院校网页设计类课程的教材或网站开发培训班的教材，也可作为网页设计与制作爱好者的自学参考书。

扫码京东优惠购书

扫码加微信详细咨询太和智慧养老产品和平台服务！

扫码加微信详细咨询太和智慧养老产品和平台服务！

扫码加微信详细咨询太和智慧养老产品和平台服务！