有关盒模型的一点思考有关盒模型的一点思考盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。 其实盒子模型有两种，分别是标准 w3c 盒子模型和 IE 盒子模型。 他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型：一、w3c盒子模型看下面的图，根据色块，右外倒内，分别...
分类：
其他好文 时间：
2015-12-31 16:02:53
阅读次数：
178
一说起盒模型，大家都会说，content+padding+margin+border。恩，就这么几个，概念网站都写得清清楚楚了，但是你对他们的理解又有多少？经常遇到“这里怎么回事？”“明明写了怎么会不起作用？”一找就是半天╮(╯▽╰)╭（我也发生过）。归根结底还是对本质不够理解。这里我就查找了许多资...
分类：
其他好文 时间：
2015-12-25 22:33:05
阅读次数：
271
1.行内元素与块级元素直观上的区别 行内元素会在一条直线上排列，都是同一行的，水平方向排列 块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。3.行内元素与块级元素属性的不同，主要是盒模型属性上行内元素设置wi.....
分类：
其他好文 时间：
2015-12-25 18:50:02
阅读次数：
164
jQuery有多个处理元素尺寸的方法width()：设置或返回元素的宽度（不包括padding、border、和margin）height()：设置或返回元素的高度（不包括padding、border、和margin）innerWidth()：返回元素的宽度（包括padding）innerHeigh...
分类：
Web程序 时间：
2015-12-25 11:44:45
阅读次数：
214
本文将讲述 CSS 中最核心的几个概念，包括：盒模型、position、float等。这些是 CSS 的基础，也是最常用的几个属性，它们之间看似独立却又相辅相成。为了掌握它们，有必要写出来探讨一下，如有错误欢迎指正。元素类型HTML 的元素可以分为两种：块级元素（block level elemen...
分类：
Web程序 时间：
2015-12-21 10:49:20
阅读次数：
199
1、yzd项目结束时，页面布局系统学习css3的新盒模型——弹性盒模型：http://edu.cnzz.cn/201011/52573859.shtmlCSS3页面布局方案：http://www.cnblogs.com/tugenhua0707/p/4306311.html尖刀出鞘的display常...
分类：
其他好文 时间：
2015-12-20 22:19:52
阅读次数：
211
第七章 margin、padding和border1.盒模型：四个属性：（1）padding：内容与其边框线之间的空间。（2）border：盒子周围的直线（3）background-color：用来填充边框内部空间的，包括padding区域。（4）margin：一个标签和另一个标签之间的间隔。2.p...
分类：
Web程序 时间：
2015-12-20 00:31:08
阅读次数：
182
CSS3弹性盒模型可以轻松的创建自适应浏览器流动窗口的布局或自适应字体大小的布局。同时该盒子决定了一个盒子在其他盒子的分布方式，及如何处理可用的空间。自己写了一个弹性盒子的demo：主要HTML代码： 1 2 3 4CSS代码：在不用 webkit-box-align:cen...
分类：
Web程序 时间：
2015-12-18 22:50:48
阅读次数：
5147
1.为什么网站在各个浏览器中的显示各不相同？ 浏览器对盒模型的解析不一致。 尽量写兼容代码，对于IE6/7可以使用CSS Hack 在代码开头加入这行代码，作用是让IE8以下对盒模型的解析，没有加上 doctype 声明，在 ie 浏览器中显示“ie盒子模型”，在 ff 浏览器中显示“标准 w3c ...
分类：
其他好文 时间：
2015-12-16 15:24:25
阅读次数：
219
