深入解析CSS

[美] 基思·J.格兰特
版权声明 Original English language edition, entitledCSS In Depthby Keith J. Grant, published by Manning Publications. 178 South Hill Drive, Westampton, NJ 08060 USA. Copyright © 2018 by Manning Publications. Simplified Chinese-language edition copyright © 2020 by Posts & Telecom Press. All rights reserved. 本书中文简体字版由Manning Publications授权人民邮电出版社独家出版。未经出版者书面许可,不得以任何方式复制或抄袭本书内容。 版权所有,侵权必究。 盒模型和border-box 盒模型指的是网页元素的结构。当指定一个元素的宽度或高度时,便设置了元素内容的尺寸——任何内边距(padding)、边框(border)、外边距(margin)都会基于它叠加。 图片 给元素设置box-sizing: border-box会改变盒模型,使其获得更好的可预测性。指定宽度或高度时,会设置整个元素尺寸,包括内边距和边框。 图片 第3章介绍如何给整个网页设置border-box,以及其他重要概念,如: •让内容居中 •创建等高列 •控制元素的间距 译者序 作为有多年工作经验的前端开发者,我深切地体会到CSS的重要性,同时也感受到精通CSS的难度之高。CSS的世界过于庞大,而且近几年涌现的新特性越来越多。虽然初学者可以快速上手CSS,但是要达到精通的境界则需要投入大量的时间。 而我正是因为工作方面遇到了急需解决的问题,无意中接触到了本书。我原本只是想随便翻开看看,没想到一翻…