用css制作三角形，主要是利用css元素给“盒模型”设置边框得到的。上图，上边框和做边框，以及上边框和右边框的交合处，浏览器会按照直角的二分之一处绘制交合线。这是“盒模型”有宽和高时候的效果。我们假设一下，如果把宽和高设置成0px，同时让边框的宽度更宽一点情况会怎样那？css代码如下：.tip1{ ...
分类：
Web程序 时间：
2014-10-24 16:07:56
阅读次数：
146
1.概述css盒子模型
1>先看看w3c的概述
2>其实css每个元素都是一个盒子（盒模型）
2.css盒子模型种类
1>w3c标准模型—————————>element空间宽度 = content内容 + border + padding + margin
2>IE传统模型（IE6-）—————>element = content = content(border + paddin...
分类：
Web程序 时间：
2014-10-24 11:06:11
阅读次数：
326
CSS盒模型图解 下面是一幅关于应用了CSS的元素是如何显示它的尺寸的图示。 在本篇文章中，所有的浏览器在计算盒模型总宽度时处理margin属性的方式都是一致的，所以我们将更多的精力放在padding和border属性上。W3C盒模型 首先看一下《 the W3C box model》，这里所写出....
分类：
Web程序 时间：
2014-10-11 23:43:17
阅读次数：
347
看下图： css框模型(Box Model)，也有叫做盒模型的。规定了元素框处理元素内容、内边距、边框和外边距的方式。 element元素，也是内容的主体； padding内边距，也右称为填充的； border边框； margin外边距。 元素框的最内部分是实际的内容，直...
分类：
Web程序 时间：
2014-10-10 01:56:13
阅读次数：
274
一个元素被定义display:-webkit-flex;则此元素即为伸缩盒模型中的伸缩容器，其包含的子元素是伸缩项目。 flex是一个复合属性。Flexbox伸缩布局盒模型中的伸缩容器及伸缩特性定义。 由多个伸缩项目组成其具体的布局方式。 是为了呈现复杂的应用与页面而设计出来的。display:-w...
分类：
Web程序 时间：
2014-09-26 19:32:18
阅读次数：
388
-webkit-box-orient: horizontal||vertical设置或检索弹性盒模型对象的子元素的排列方式。对应的脚本特性为boxOrient。需设置容器的display:-webkit-box;CSS样式:html,body,div{ margin:0px; padding:0px...
分类：
Web程序 时间：
2014-09-26 11:20:38
阅读次数：
2770
CSS盒模型有两种，1是W3C标准的盒模型（chrome firefox ie6+等） 2是IE传统的盒模型（IE 5.5-）盒模型又分外盒模型与内盒模型：（这里只以宽度计算规则为例，高度类似略）W3C标准的内盒宽度=内容宽度+padding+borderW3C标准的外盒宽度=内容宽度+paddin...
分类：
Web程序 时间：
2014-09-25 01:21:57
阅读次数：
445
CSS盒模型是非常容易理解的，但当涉及到滚动的内容时，就变的复杂了。浏览器会使用你CSS中设置的值来绘制元素的盒模型，但如果只依赖于CSS中的属性值，当使用JavaScript确定元素的尺寸就不那么直观了。
分类：
其他好文 时间：
2014-09-22 21:43:43
阅读次数：
182
内边距，外边距，边框盒模型--边框（一）盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。如下面代码为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
