css标准盒子模型和ie盒子模型以及三角形的实现

第二部分
ie盒子模型和标准盒子模型分别是什么，区别是什么
w3c盒子模型：1、hight只包括content的高度，不包括padding内边距和border的高度
2、content不包括其他部分

ie盒子模型：1、hight包括content以及padding和border部分的高度
2、他的content部分包括padding和border部分

ie5.5以及更早的版本使用的是ie模型，ie6及其以上的版本在标准兼容模式下使用的是w3c的盒模标准型

例子：（利用盒子模型画三角形）
<!DOCTYPE html >
<html lang="en">
<head>
<meta charset ="UTF-8">
<style>
div{
width:0;
height:0;
border:10px solid transparent;
border-bottom:100px solid blue;
}
</style>
</head>
<body>
<div></div>
</body>
</html>

附：css三角形实现原理：width：0、height：0；
1、有一条横竖边（上下左右）的设置为border-方向：疮毒solid red，这个画的就是底部的直线。其他的边使用border-方向：solid transparent 透明的；
2、有两个横竖边（上下左右的设置，若斜边是在三角形的右边，这时候设置top或bottom的直线和左边的斜线；

<html>

<head>

<title>三角型实现原理</title>

<style>

div{

width: 0;

height: 0;

/* 这是一个倒三角 */

border-top:100px dotted red;

border-right:100px solid red; 这是尖尖向左边的三角

border-left:100px solid red;这是尖尖向左边的三角

border-bottom:100px solid red; 这是正三角

/* border-top: 50px solid transparent; */

border-left: 50px dashed blue;

border-bottom: 50px dashed red;

border-right: 50px dotted blue;

}

</style>

<body>

</body>

</head>

</html>