CSS学习笔记:盒子模型

盒子模型(CSS basic box model):When laying out a document, the browser's rendering engine represents each element as a rectangular box according to the standard CSS basic box model. CSS determines the size, position, and properties(color, background, border, size, etc.) of these boxes.

Every box is composed of four parts(or areas), defined by their respective edges: 

  1. content edge
  2. padding edge
  3. border edge
  4. margin edge

 

 CSS学习笔记:盒子模型_第1张图片

 

(非原创,侵删,内容来自https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model)

转载于:https://www.cnblogs.com/colin220/p/9313392.html

你可能感兴趣的:(CSS学习笔记:盒子模型)