一、W3C标准的盒子模型 二、IE盒子模型 三、两种模型的区别 W3C标准盒子模型： 外盒模型 元素空...
分类：
Web程序 时间：
2014-09-12 20:38:44
阅读次数：
255
水平居中的方法：1、margin:auto;2、text-align:center;3、posotion:50% + margin-left:-width/2;4、占位;5、JS动态控制;6、css弹性盒模型。垂直居中的方法：1、line-height(单行);2、padding-top;3、ver...
分类：
Web程序 时间：
2014-09-11 20:53:52
阅读次数：
191
calc()看起来像个js的函数，但它实际上是css3的一个属性，它能自动计划宽度，高度等。平时在制作页面的时候，总会碰到有的元素是100%的宽度。众所周知，如果元素宽度为100%时，其自身不带其他盒模型属性设置还好，要是有别的，那将导致盒子撑破。比如说，有一个边框，或者说有margin和paddi...
分类：
Web程序 时间：
2014-09-10 17:35:20
阅读次数：
559
盒模型的四要素：content（内容）、border（边框）、padding（内边距）、margin（外边距）。页面当中的每一个元素都会被看做是一个矩形框，这个框有内容、内边距、边框、外边距组成。1.盒模型的四要素分别指什么？内边距出现在内容区域的周围，如果在元素上添加背景，那么背景会应用于内容和内...
分类：
Web程序 时间：
2014-09-07 21:06:35
阅读次数：
434
1. 文档DTD文档类型定义（Document Type Definition，简称DTD）它包含了元素的定义规则、元素间关系的定义规则，元素可使用的属性、可使用的实体或符号规则。没有DTD定义的时候，IE6/7/8会触发怪异模式，firefox依然是标准模式。为了让所有浏览器都以统一的标准去解析和...
分类：
其他好文 时间：
2014-09-05 14:11:11
阅读次数：
147
原文链接：http://www.cnblogs.com/zhujl/archive/2012/05/08/2489440.html浮动到底做了什么？浮动如何影响元素的盒模型？浮动的元素和行内元素有何不同？调整浮动元素的位置是通过什么规则进行的？clear属性如何工作，它的目的又是什么？浮动甚至能绊倒...
分类：
Web程序 时间：
2014-09-03 14:31:56
阅读次数：
347
原文链接：http://www.qianduan.net/css-overflow-property.html根据CSS的盒模型概念，页面中的每个元素，都是一个矩形的盒子。这些盒子的大小、位置和行为都可以用CSS来控制。对于行为，我的意思是当盒子内外的内容改变的时候，它如何处理。比如，如果你没有设置...
分类：
Web程序 时间：
2014-09-01 10:40:42
阅读次数：
268
今天看了一些关于box-sizing的一些资料，在这里整理一下，希望也能对大家有所帮助。 box-sizing是CSS的一个属性，很好的解决了盒模型的相关问题。CSS中的盒模型（Box model）分为两派，一派是W3C的标准模型，一派是IE的传统模型。那它们之间有什么不同的呢？首先需要明确它...
分类：
Web程序 时间：
2014-08-31 22:48:21
阅读次数：
253
盒模型在CSS中，一个独立的盒子模型content（内容）、border（边框）、padding（内边距）和margin（外边距）4个部分组成。一个盒子实际所占用的宽度或高度是由“内容+内边距+边框+外边距”组成的。设置边框样式border-styleborder-widthborder-color...
分类：
Web程序 时间：
2014-08-31 01:37:50
阅读次数：
287
1、注意在使用弹性盒模型的时候 父元素必须要加display:box 或 display:inline-box 1 2 3 4 52、Box-orient 定义盒模型的布局方向 ?Horizontal 水平显示 ?vertical 垂直方向 1 ...
分类：
其他好文 时间：
2014-08-28 11:10:19
阅读次数：
261
