早在ie6之前，那个时候主流的浏览器就是ie浏览器，但是ie浏览器有很多规范都不符合w3c规范，最显著的一个就是ie的盒子模型。 这是我们现在的盒子模型，也是w3c规范的盒子模型 然而，在那个时候的ie浏览器上，ie的盒子模型是这样的 在ie一家独大的日子里，ie浏览器上很多的规范都是按着ie自家来 ...
分类：
其他好文 时间：
2016-05-31 22:19:01
阅读次数：
123
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>timer</title><styletype="text/css">.timetxt{/*Box-model盒子模型*/width:300px;margin:0auto;margin-top:150px;/*Typography排版*/font-size:80px;font-weight:..
分类：
其他好文 时间：
2016-05-31 19:09:14
阅读次数：
166
文档的可视格式化分为两部分。 竖直方向的渲染格式化和水平方向的渲染格式化。 文档的渲染是以CSS的盒子模型为基础进行的。 CSS盒子模型从内到外是 内容->内部空白->边框->外部空白。width和height属性设置的是内容区域的大小。背景颜色和图片一直覆盖布展到border下面。外部空白 Mar ...
分类：
Web程序 时间：
2016-05-31 18:53:41
阅读次数：
149
在一个文档流中，盒子模型元素的位置会互相影响。 当一个BFC出现在文档流中时，BFC内部的盒子模型元素同BFC外部的元素之间的位置不会互相影响。 相当于BFC重新创建了一个文档流。 举例： 一个文档流中出现了一个float元素，float元素会影响后续出现的inline或者inline-block的 ...
分类：
其他好文 时间：
2016-05-30 06:28:41
阅读次数：
134
1.W3C盒子模型 内容区->padding->border->margin 2.常见CSS属性 position ：absolute(绝对)、relative(相对)、static(静态)、fixed(固定) top、left、text-align、line-height、z-index、disp ...
分类：
Web程序 时间：
2016-05-28 14:12:05
阅读次数：
254
前端开发知识点大纲： HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、Flexbox、移动端适应。 JavaScript：数据类型、运算、对象(面向对象)、Function、继承、闭包、作用域、插件、作用 ...
分类：
其他好文 时间：
2016-05-27 00:48:17
阅读次数：
432
CSS渲染页面的时候，把每个文档元素看作是盒子。 CSS盒子模型 margin，padding，border，内容。 margin会出现margin折叠。上下元素的margin折叠。左右的不折叠。包含的元素之间marign也会折叠。margin折叠的好处是文档排版齐整。 每个元素都会有一个框。这个框 ...
分类：
Web程序 时间：
2016-05-26 12:58:31
阅读次数：
144
导航 1.基础篇 这些HTML、CSS知识点，面试和平时开发都需要 No1-No4（知识点：HTML、CSS、盒子模型、内容布局） 这些HTML、CSS知识点，面试和平时开发都需要 No5-No7（知识点：文字设置、设置背景、数据列表） 这些HTML、CSS知识点，面试和平时开发都需要 No8-No ...
分类：
Web程序 时间：
2016-05-25 23:57:51
阅读次数：
459
很多人对盒子模型搞晕头了，下面通过一个简单的代码来分析盒子模型的结构！ 为了方便方便观看！在第一个div中画了一个表格，并将其尺寸设置成与div内容大小一样！且设置body的margin和padding的属性都为0px； 本例子采用行内CSS样式！ 代码如下： 1 2 3 4 5 6 7 8 9 1 ...
分类：
Web程序 时间：
2016-05-25 09:28:05
阅读次数：
295
系列知识点汇总 这些HTML、CSS知识点，面试和平时开发都需要 No1-No4（知识点：HTML、CSS、盒子模型、内容布局） 这些HTML、CSS知识点，面试和平时开发都需要 No5-No7（知识点：文字设置、设置背景、数据列表） 这些HTML、CSS知识点，面试和平时开发都需要 No8-No9 ...
分类：
Web程序 时间：
2016-05-25 01:44:37
阅读次数：
207
