CSS 盒子模型

CSS 盒子模型(box model)

所有HTML元素可以看作盒子，在CSS中，"box model"这是用来设计和布局时使用。

CSS盒模型本质上是一个盒子，用HTML元素包裹，有：内边距，外边距，边框和内容区。

当指定一个 CSS 元素的宽度和高度属性时，不能只设置内容区域的宽度和高度，还必须添加内边距，边框和外边距。

例

 另外，border-style的默认样式是none；

         也可以根据需要进行修改,例如：实线solid;   虚线dashed;  点状虚线dotted； 双实线double。

注意：内边距和内容区的规则是一样的，都是先设置大小，再设置颜色，最后设置样式；

css的书写属性

位置属性 (position, top, right, z-index, display, float等)

大小 (width, height, padding, margin)

文字系列 (font, line-height, letter-spacing, color- text-align等)

背景 (background, border等)