《CSS in Depth--2018》是一本深入探讨CSS技术的专业书籍,作者是Keith J. Grant,由Manning出版社发行。这本书旨在向读者展示一系列从实用到惊艳的CSS技巧,帮助提升技术技能和设计灵感。书中内容涵盖了CSS基础知识,特别是盒模型(Box Model)的深入理解。 盒模型是网页布局的核心概念,它描述了HTML元素在页面上的组成结构。当设置一个元素的高度或宽度时,实际上是在设定内容区域的尺寸,这个内容区域包含了内边距(Padding)、边框(Border)和外边距(Margin)。传统的盒模型可能导致布局预测性较差,例如,当你设置高度或宽度时,这些附加的空白区域可能会超出预期。 《CSS in Depth》强调了`border-box`模式的应用,这是一个更直观的行为方式。当应用于元素上时,高度和宽度会控制元素的整体大小,包括内边距和边框,这样可以更方便地进行精确布局。书中第3章详细讲解了如何将`border-box`应用于整个页面,以及其他关键概念,如: 1. 内容居中:学习如何使用CSS属性(如`text-align`、`justify-content`等)让内容在容器中居中对齐,提高视觉效果。 2. 创建等高列:通过调整行高、负margin或者CSS Grid或Flexbox布局来确保列的自适应高度,实现响应式设计。 3. 控制元素间距:掌握如何设置内外边距、使用`margin`和`padding`控制不同元素之间的空间,使布局更加整洁。 宽度、高度、内容、内边距、边框和外边距这六个属性是理解CSS布局的基础,通过本书的学习,读者能够掌握如何灵活运用它们,打造出专业级的网站布局。 此外,该书还提供了在线资源和购买链接,以及Manning出版社的批量订购优惠。《CSS in Depth--2018》是一本适合前端开发者进阶学习的必备参考资料,无论是对于初学者还是经验丰富的开发人员,都能从中获得宝贵的知识和实践指导。通过深入学习,读者不仅能提升自己的CSS技术,还能增强对网页设计原则的理解。
![](https://csdnimg.cn/release/download_crawler_static/10368633/bg10.jpg)
![](https://csdnimg.cn/release/download_crawler_static/10368633/bg11.jpg)
![](https://csdnimg.cn/release/download_crawler_static/10368633/bg12.jpg)
![](https://csdnimg.cn/release/download_crawler_static/10368633/bg13.jpg)
![](https://csdnimg.cn/release/download_crawler_static/10368633/bg14.jpg)
剩余472页未读,继续阅读
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://profile-avatar.csdnimg.cn/6f796f81c14c4ae1a4232cbce2434aaa_kxg1005.jpg!1)
- 粉丝: 10
- 资源: 167
我的内容管理 收起
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![](https://csdnimg.cn/release/wenkucmsfe/public/img/voice.245cc511.png)
会员权益专享
最新资源
- GO婚礼设计创业计划:技术驱动的婚庆服务
- 微信行业发展现状及未来发展趋势分析
- 信息技术在教育中的融合与应用策略
- 微信小程序设计规范:友好、清晰的用户体验指南
- 联鼎医疗:三级甲等医院全面容灾备份方案设计
- 构建数据指标体系:电商、社区、金融APP案例分析
- 信息技术:六年级学生制作多媒体配乐古诗教程
- 六年级学生PowerPoint音乐动画实战:制作配乐古诗演示
- 信息技术教学设计:特点与策略
- Word中制作课程表:信息技术教学设计
- Word教学:制作课程表,掌握表格基础知识
- 信息技术教研活动年度总结与成果
- 香格里拉旅游网设计解读:机遇与挑战并存
- 助理电子商务师模拟试题:设计与技术详解
- 计算机网络技术专业教学资源库建设与深圳IT产业结合
- 微信小程序开发:网络与媒体API详解
![](https://img-home.csdnimg.cn/images/20220527035711.png)
![](https://img-home.csdnimg.cn/images/20220527035111.png)
![](https://csdnimg.cn/release/wenkucmsfe/public/img/green-success.6a4acb44.png)