CSS盒子模型本质上是一个盒子，封装周围的HTML元素。该属性控制浏览器绘制表格边框的方式，它控制相邻单元格的边框。使用margin定义块元素的垂直外边距时，可能会出现外边距的合并。如上图，出现了取两个值中的较大者的现象，即为相邻块元素垂直外边距的合并。这

1 绝大多数标签都可以看作盒子，可以设置宽高或设置内容；在CSS中，"box model"这一术语是用来设计和布局时使用。　　CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。　　盒模型允许我们

本文仅仅做border的基础使用，想要深入了解的话可以戳以下几个链接，觉得作者写的很好。border:style：dotted（点）、dashed（虚线）、solid（实线）、double、其它3D. 如今只有IE8和Opera Mini不支持border

CSS三个大核心模块：盒模型 、浮动和定位，其余的都是细节。就是把网页元素资源放入盒子里，利用CSS合理摆放盒子的过程。盒模型就是把HTML页面中的元素看成是一个个矩形的盒子，里面装着内容的容器。每个矩形都由元素的内容、内边距、边框和外边距组成。在网页中，

CSS三个大核心模块：盒模型 、浮动和定位，其余的都是细节。就是把网页元素资源放入盒子里，利用CSS合理摆放盒子的过程。盒模型就是把HTML页面中的元素看成是一个个矩形的盒子，里面装着内容的容器。每个矩形都由元素的内容、内边距、边框和外边距组成。在网页中，

border属性设置元素边框。边框3个要素如：粗细、线型、颜色。不过应用于表时除外，对于表，hidden 用于解决边框冲突。在大多数浏览器中呈现为实线。双线的宽度等于 border-width 的值。其效果取决于 border-color 的值。定义 3D

D：内部相邻div间的margin，取值为两个div各自设置margin的最大值，而不是相加值。

width和height只是设置盒子内容区的大小，而不是盒子的整个大小，盒子可见框的大小由内容区，内边距和边框共同决定。如果border-width后面跟一个值，则设置的是上，右，下，左边框的宽度都是该值；如果border-width后面跟两个值，则分别设

对于两个嵌套关系的块元素，父元素有上外边距同时子元素也有上外边距，此时父元素会塌陷较大的外边距值

border 可应用于几乎所有有形的html元素，而outline 是针对链接、表单控件和ImageMap等元素设计。outline的效果将随元素的 focus 而自动出现，相应的随 blur 而自动消失。这些都是浏览器的默认行为，无需JavaScript

布局属性，有影响Web页面上的元素定位的属性组成，比如边距、填充和对齐方式。格式化属性，由影响Web站点内的元素的视觉显示的属性组成，比如字体类型。基本的布局属性，最重要的布局属性之一是display属性，它描述了如何相对与其他元素显示的一个元素。②lis

修改您的样式表，找下边这段 a { color:#3399FF; font-weight:Normal; /*字体效果 普通 可以改成bold粗体*/ text-decoration:none; /*下划线效果：无下划线*/ } a:hover { col

当省略了部分简写属性值的时候，缺失的部分就会使用该属性的默认值。边框是围绕在内容和内边距之间的一条或多条线。内容的内边距和外间距之间的间隙是留给边框的，CSS可以用边框属性来定义它的样。式、颜色和宽度等。边框分为上边框、右边框、下边框、左边框。

dotted 定义点状边框。在大多数浏览器中呈现为实线。双线的宽度等于 border-width 的值。4）背景色和背景图像会覆盖padding和content组成的区域；4）合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

张鑫旭的CSS深入理解之border学习笔记border-widthborder-width不支持百分比，原因是边框本身具有宽度固定的意义，不同设备的边框不会因设备宽度而等比改变。border-width的默认标识为medium，因为border-styl

什么是盒模型盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都以拥有可像盒子一样的外形和平面空间，即都包含边框、边界、补白、内容区，这就是盒模型。盒模型填充（内边距）

布局属性，有影响Web页面上的元素定位的属性组成，比如边距、填充和对齐方式。格式化属性，由影响Web站点内的元素的视觉显示的属性组成，比如字体类型。基本的布局属性，最重要的布局属性之一是display属性，它描述了如何相对与其他元素显示的一个元素。②lis

dotted: 在MAC平台上IE4+与WINDOWS 和UNIX平台上IE5.5+为点线，否 则为实线。与任何指定的border-width值无关。使用 border-radius 属性，可以给任何元素制作 "圆角"。如果在四个角

定义和用法围绕元素内容和内边距的一条或多条线。如果边框样式是 none，边框宽度实际上会重置为 0。不过应用于表时除外，对于表，hidden 用于解决边框冲突。在大多数浏览器中呈现为实线。双线的宽度等于 border-width 的值。其效果取决于 bor

盒模型1，盒模型：CSS看待元素的一种方式，它将每个元素看作由一个盒子表示。盒子实际占用的大小是：左border + 左padding + width + 右padding +右border=302px. 3， 属性细节：1） 一个块元素的默认