内边距，外边距，边框盒模型--边框（一）盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。如下面代码为div来设置边框粗细为2px、样式为实心的、颜色为红色的边框：div{ border:2px solid red;}上面是border代码的缩写...
分类：
Web程序 时间：
2014-09-18 18:39:14
阅读次数：
240
盒子模型（Box Model）是 CSS 的核心，现代 Web 布局设计简单说就是一堆盒子的排列与嵌套，掌握了盒子模型与它们的摆放控制，会发现再复杂的页面也不过如此，然而，任何美好的事物都有缺憾，盒子模型有两种不同的诠释，一种来自 IE6，一种来自 W3C 标准浏览器。盒子模型下图就是一个典型的盒子...
分类：
其他好文 时间：
2014-09-16 21:53:31
阅读次数：
236
一、W3C标准的盒子模型 二、IE盒子模型 三、两种模型的区别 W3C标准盒子模型： 外盒模型 元素空...
分类：
Web程序 时间：
2014-09-12 20:38:44
阅读次数：
255
市面上我们常常会看到各种各样的设计模式书籍，Java设计模式、C#设计模式、Ruby设计模式等等。在众多的语言设计模式中我唯独找不到关于CSS设计模式的资料，即使在网上找到类似内容，细细一看之下才发觉是南辕北辙。经过浩瀚文章搜索发掘下依旧一无所获之后，直接导致了我萌生一股写一篇CSS设计模式的冲动，至此写下这篇文章，其中叙述如有不当之处，也恳请各位提出意见，分享出您宝贵的经验。
在写页面...
分类：
Web程序 时间：
2014-09-10 15:58:30
阅读次数：
185
display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有...
分类：
其他好文 时间：
2014-09-03 16:47:26
阅读次数：
353
1 元素分类HTML中的标签元素大体被分为三种不同类型：块状元素，内联元素和内联块状元素常见的块状元素有：,,...,,,,,,,常见的内联元素有：,,,,,,,,,,常用的内联块状元素有：,2 元素分类-块级元素块级元素特点 ：1.每个块级元素都是从新的一行开始，并且其后的元素也另起一行。（一个块...
分类：
Web程序 时间：
2014-09-03 16:46:56
阅读次数：
284
display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有...
分类：
Web程序 时间：
2014-09-03 09:38:34
阅读次数：
249
盒子模型在CSS中是个很重要的概念。它是CSS可视化格式化系统的基石。盒子模型可以用于元素定位和网页布局。根据CSS盒子模型的规定，每个元素（不管是内嵌元素还是块级元素）都会产生一个矩形盒子围绕在元素内容之外。这个盒子我们称之为元素盒。当然还有其他盒子，这里我们主要说说元素盒。下面是一张盒子模型的示...
分类：
Web程序 时间：
2014-08-31 22:52:41
阅读次数：
369
盒模型在CSS中，一个独立的盒子模型content（内容）、border（边框）、padding（内边距）和margin（外边距）4个部分组成。一个盒子实际所占用的宽度或高度是由“内容+内边距+边框+外边距”组成的。设置边框样式border-styleborder-widthborder-color...
分类：
Web程序 时间：
2014-08-31 01:37:50
阅读次数：
287
一个盒子，有margin,border,padding实际占用多少空间:
竖直方向是：height+padding-top+padding-bottom+border-top+border-bottom+margin-top+margin-bottom
水平方向上：width+padding-left+padding-right+border-left+border-right+margin-left+margin-right...
分类：
其他好文 时间：
2014-08-28 14:54:29
阅读次数：
239
