一 css盒模型在IE6下解析有问题，我们知道就width来说，一个块级元素的magin、padding、boder，width7个属性的宽度之和，应该等于其父级元素的内容区域（width），而我们一般设置宽度若是未达到其长度，浏览器就会重置margin-right的值，将之它们的和等于其值，当然若...
分类：
其他好文 时间：
2015-07-27 01:47:11
阅读次数：
117
css布局模型清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就是...
分类：
Web程序 时间：
2015-07-21 01:00:54
阅读次数：
305
话不多说，一切还是从最基础的说起。盒的类型1.盒的基本类型 在css中，用display定义盒的类型，一般分为block类型与inline类型。 例如div属于block类型，span属于inline类型 我是div 我是span 我也是span 通...
分类：
Web程序 时间：
2015-07-17 11:59:38
阅读次数：
142
一、原理CSS盒模型一个盒子包括：margin+border+padding+content。上下左右边框交界处出呈现平滑的斜线。利用这个特点，通过设置不同的上下左右边框宽度或者颜色可以得到小三角，小梯形等。 调整宽度大小可以调节三角形形状。示例1：一般情况下，我们设置盒子的宽高度及上下左右边框，会...
分类：
Web程序 时间：
2015-06-16 21:09:03
阅读次数：
378
CSS 框模型(Box Model)所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了框...
分类：
Web程序 时间：
2015-06-05 17:04:13
阅读次数：
139
写此篇个人观点+线上+线下个人得出的一些粗浅的结论，也摘记了一些书上网上别人个人感觉写的挺好的地方。万望看到此篇文章的同胞们多多指点。我还是个没出茅庐的菜菜。网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些...
分类：
Web程序 时间：
2015-06-03 00:51:05
阅读次数：
184
1.盒模型 margin:外边距； margin-top /margin-right/margin-bottom/margin-left; 或者 margin:top right bottomleft; border:边框；borde...
分类：
Web程序 时间：
2015-05-31 23:12:37
阅读次数：
174
在我们网页上的每一个元素，一个按钮，一段文本，一张图片等等，浏览器都将它们当做一个“盒子”看待，并把这样的盒子称为盒模型（box model）。使用Chrome的右键>审查元素对某个网页上的元素，就可得到类似这样一张图，这就是盒模型的缩影了。 组成盒模型主要是这几个要素：外边的外边...
分类：
Web程序 时间：
2015-05-31 23:11:40
阅读次数：
139
盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型： 从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、conte....
分类：
Web程序 时间：
2015-05-19 22:18:11
阅读次数：
177
html文件
css文件
*{
margin:0px ;
padding: 0px;
}
#top{
width: 100%;
height: 50px;
background-color:#000000 ;
}
#top_nav{
w...
分类：
Web程序 时间：
2015-04-27 09:54:48
阅读次数：
220
