找回密码
 加入怎通
查看: 281|回复: 3

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

[复制链接]
我来看看 发表于 2023-04-02 13:26:16 | 显示全部楼层 |阅读模式
, R" v4 i" R2 k$ _# \

原标题:网页设计与制作教程 | CSS盒子模型的应用

4 [- a. e' V& e6 p8 a

介绍CSS盒子模型的应用示例01盒子模型的应用举例盒子模型在网页布局中的应用十分广泛,下面通过例子说明盒子模型的简单应用【例9-2】利用Div+CSS制作一个新闻页面 (1) 在记事本中输入以下HTML代码。

, A2 W# p+ n( i- `

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

5 Z5 q9 e9 k1 S0 `* M* {/ L7 S2 s: n

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

]5 e6 E1 d( j: L# m0 z

■ 图9-5布局效果示意 实例讲解网页设计与制作教程(第4版)

1 u, ~8 l r. A- c# ?% q0 L5 U

精彩回顾Internet发展历程 内容:Internet简要介绍 CSS基础知识 内容:初识CSS 网页评价指标 内容:网页赏析的评价方法 下期预告网页布局设计综合案例内容:制作一个简单的企业网站首页02

" P" @- U7 K z9 N5 @

参考书籍《 网页设计与制作教程(第4版)》作者:杨选辉定价:69.90元内容简介本书是一本全面介绍网页设计与制作技术的教程,以目前流行的网页设计软件作为技术支持,系统介绍网页的构思、规划、制作和网站建设的全过程。

/ t8 Y, W4 g1 A( L' A

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

/ D5 ^- D0 R: G" |( d9 H4 U

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

- G% f4 p7 D; j; N; N

本书可作为高等院校网页设计类课程的教材或网站开发培训班的教材,也可作为网页设计与制作爱好者的自学参考书。扫码京东优惠购书返回搜狐,查看更多责任编辑:

5 K( c- t: i3 Z9 W ( ~5 K# c1 X { 4 f0 x# w3 C( |7 `% b ( [; k+ K0 P e$ L& f1 e2 p. M+ X1 Z* f0 Q$ b

暂时无法加载帖子列表

回复

使用道具 举报

≮_龍/kuk域_≯ 发表于 2026-02-24 19:16:00 | 显示全部楼层
刚好遇到类似问题,看完这个帖子心里有底了
回复

使用道具 举报

金领SEO网络优化 发表于 2026-03-25 13:43:39 | 显示全部楼层
蹲了这么久,终于看到有价值的讨论,支持一下!
回复

使用道具 举报

别致滴小伙 发表于 2026-10-10 07:15:42 | 显示全部楼层
楼主辛苦了,整理这么多内容,必须点赞收藏
回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-11-1 08:49 , Processed in 0.040304 second(s), 25 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表