HTML设计模式学习笔记_html/css_WEB-ITnose

本周我主要学习了HTML的设计模式，现将我的学习内容总结如下：

该盒模型的范围包括margin、border、padding、content，和标准W3C盒子模型不同的是：IE盒子模型的content部分包含了border和padding。也就是说当我们在css中设计一个块级元素的width和height属性时比如.box{width ：100px; height:100px}时，其中的width 和height是内容，内边距，边框的总和。

对宽度为自动状态的静态（static）定位元素（即无定位），和相对定位元素来说，计算宽度的方法是，将他们包含块的宽度减去此元素的横向的所有外边距，内边距，边框，滚动条。也就是说，从包含块的宽度中除去元素的横向外边距，内边距，边框，滚动条（如果存在的话）的宽度，所剩的值就是了。举一个例子，

.test1{

height:200px;

padding:20px;

margin:30px;

border:10px dotted grey;

background:red;

}

这里，.test1没有设置position属性，即为默认的position:static。其中，html代码为：

静态定位或相对定位

查看更多关于HTML设计模式学习笔记_html/css_WEB-ITnose的详细内容...