之前在懒懒分会上分享的一点关于border画小图的内容, 完整的ppt在这里.原理css盒模型一个盒子包括: margin+border+padding+content– 上下左右边框交界处出呈现平滑的斜线. 利用这个特点, 通过设置不同的上下左右边框宽度或者颜色可以得到小三角, 小梯形等.– 调整...
分类：
Web程序 时间：
2014-11-25 14:08:39
阅读次数：
229
Cain同学提出要看CSS3弹性盒模型，非常感谢。我找到了下面这个网页，是一个更好的解决办法，分享在下边。http://www.w3chtml.com/css3/properties/flexible-box/box-orient.html父级：height:100%;display:-webkit...
分类：
其他好文 时间：
2014-11-20 15:15:19
阅读次数：
155
自适应布局是流动性布局的一种；针对不同的移动设备，这种布局方式很方便；一：相关CSS3样式，以及本人爱好的书写顺序： 1.子元素盒模型 display:-webkit-box | -moz-box | box; 2.子元素方向 box-orient:horizontal | vertical ...
分类：
其他好文 时间：
2014-11-17 17:31:41
阅读次数：
249
1、理解盒模型每一个元素都会在页面上生成一个盒子，如下图所示：一个盒子包括了以下几个部分外边距（margin）：设置盒子与相邻元素之间的距离边框（border）：设置边框的粗细、样式和颜色内边距（padding）：设置盒子的内容与边框之间的距离内容（content）：内容显示区2、边框（Border...
分类：
Web程序 时间：
2014-11-14 14:07:54
阅读次数：
231
元素的盒模型有几个较为重要的属性，本篇文章主要将脚垫聚集在与height相关的属性上。对于一个并未显式设置高度块框来说，其height的高度不仅仅取决去内容的高度，而且还与该块框的宽度有关。宽度越窄，相应的需要容纳相同内容所需要的空间越大，高度越高。而对于一个非替换行内元素而言（所谓非替换元素，就是...
分类：
其他好文 时间：
2014-11-13 16:13:34
阅读次数：
297
元素与盒在HTML中常常使用的概念是元素，而在CSS中，布局的基本单位是盒，盒总是矩形的。元素与盒并非一一对应的关系，一个元素可能生成多个盒，CSS规则中的伪元素也可能生成盒，display属性为none的元素则不生成盒。除了元素之外，HTML中的文本节点也可能会生成盒。盒模型一个盒包括了内容(co...
分类：
Web程序 时间：
2014-11-11 08:11:46
阅读次数：
227
box-sizing:标准css盒模型规定width和height样式属性给定内容区域的尺寸，并且不包含内边距和边框。可以称此盒模型为“内容盒模型”。在老版IE里和新版的CSS中都有一些例外，在IE6之前和当IE6~8在“怪异模式”下显示一个页面时（页面中缺少<!DOCTYPE>或有一个不够严格的d..
分类：
Web程序 时间：
2014-11-09 06:26:07
阅读次数：
220
HTML文档根据文档顶部的doctype声明来决定渲染模式，有标准模式（Standards Mode）与怪异模式（Quirks mode，或叫做混杂模式）两种模式。 IE5及以前默认总是表现为怪异模式，IE6~IE8遇到非正常声明或特定声明时也会进入怪异模式。 否则，如果有正确声明do...
分类：
Web程序 时间：
2014-11-07 00:43:45
阅读次数：
390
width和height是指内容区域的宽度和高度，增加内边距、边框和外边距不影响内容区域。IE的盒模型IE6的width属性是内容、内边距、边框的宽度总和外边距叠加当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。只有普通文档流中块框的垂直外...
分类：
其他好文 时间：
2014-10-30 22:25:55
阅读次数：
213
W3上介绍盒模型：这里教程，但是太过于简单了，http://www.w3.org/community/webed/wiki/CSS/Training/Box_model。如图，盒模型和背景属性控制哪些部分。这里正规规范目录：http://www.w3.org/TR/CSS21/cover.html#...
分类：
Web程序 时间：
2014-10-30 01:45:09
阅读次数：
265
