在css中，width和height指的是内容区域的宽度和高度。增加内边距，边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。假设框的每个边上有10个像素的外边距和5像素的内边距，如果希望这个框达到100像素就需要将内容的宽度设置为70像素 {margin:10px;padding:5p...
分类：
Web程序 时间：
2014-12-10 22:44:23
阅读次数：
145
这篇会很短。 那么如上图所示，margin指的是外边距，padding指的是内边距，border自有其像素宽度，element在1335乘以392的地方。 margin和padding一样总共有四个，上右下左——top right bottom left。你可以选择margin-top这...
分类：
其他好文 时间：
2014-11-24 22:07:40
阅读次数：
236
CSS盒子模型:
早期的网页设计主要是表格,后来主要是div+css
盒子模型：
1.边框：border：
border-top、border-bottom、border-left、border-right
2.内边距：padding：
padding-top、padding-bottom、padding-left、padding-right
3.外边距：margin：...
分类：
Web程序 时间：
2014-11-24 01:14:21
阅读次数：
222
clientTop //元素自身的边框宽度clientLeftclientWidth //元素自身的宽度，包含内边距但 不包含外边距和边框clientHeightoffsetTop //距离浏览器的顶部的高度，不包括工具栏等，但包含浏览器的默认内边距和元素的外边距（列如chorome的默认内边距是8...
分类：
其他好文 时间：
2014-11-18 23:41:47
阅读次数：
197
1.距离单位之px---像素2.距离单位之dp---设备无关像素3.距离单位之sp4.控件的外边距与内边距dpi（dots per inch） 每英寸显示像素个数dp = dip （device Independent pixels）设备无关像素px = dp*(dpi/160)在dpi为160的屏...
分类：
移动开发 时间：
2014-11-18 00:03:51
阅读次数：
249
1、理解盒模型每一个元素都会在页面上生成一个盒子，如下图所示：一个盒子包括了以下几个部分外边距（margin）：设置盒子与相邻元素之间的距离边框（border）：设置边框的粗细、样式和颜色内边距（padding）：设置盒子的内容与边框之间的距离内容（content）：内容显示区2、边框（Border...
分类：
Web程序 时间：
2014-11-14 14:07:54
阅读次数：
231
一个盒子实际所占有的宽度或高度是由"内容+内边距+边框+外边距"组成。 1.边框border边框的主要属性有三个，分别是：border-width：边框宽度、 border-style：边框样式、border-color：边框颜色。以上属性可以单个写，也可以写成：border:[border-wi....
分类：
Web程序 时间：
2014-11-13 16:30:37
阅读次数：
300
box-sizing:标准css盒模型规定width和height样式属性给定内容区域的尺寸，并且不包含内边距和边框。可以称此盒模型为“内容盒模型”。在老版IE里和新版的CSS中都有一些例外，在IE6之前和当IE6~8在“怪异模式”下显示一个页面时（页面中缺少<!DOCTYPE>或有一个不够严格的d..
分类：
Web程序 时间：
2014-11-09 06:26:07
阅读次数：
220
一、行内元素与块级函数的三个区别行内元素的特点：和其他元素都在一行上；高，行高及外边距和内边距部分可改变；宽度只与内容有关；行内元素只能容纳文本或者其他行内元素。行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效块级元素总是在...
分类：
Web程序 时间：
2014-11-06 16:55:51
阅读次数：
254
外边距叠加This paragraph has a 20px margin.给div框设置10像素外边距，段落设置20像素外边距，效果会是下图。段落的外边距与div的外边距叠加，形成20像素的垂直外边距。这些外边距不是被div包围，而是突出到div的顶部和底部的外边。如果元素没有垂直边框或内边距，它...
分类：
其他好文 时间：
2014-11-04 19:31:45
阅读次数：
254
