深入解析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,但是要达到精通的境界则需要投入大量的时间。
而我正是因为工作方面遇到了急需解决的问题,无意中接触到了本书。我原本只是想随便翻开看看,没想到一翻…