介绍一下标准css的盒子模型？低版本IE的盒子模型有什么不同的？ 1、有两种：IE盒子模型（怪异模式）、W3c盒子模型（标准模式）。 2、盒模型组成：内容(content)、填充(padding)、边界(margin)、边框(border)。3、区别：IE的content部分把border和padd ...
分类：
Web程序 时间：
2019-03-29 13:08:10
阅读次数：
167
阅读目录 1. Web标准以及W3C 2. 主流浏览器内核 3. 标准模式（Standards Mode）和怪异模式（Quirks Mode） 4. CSS盒模型 5. 重置浏览器样式 6. HTML语义化 7. CSS选择器的优先级 8. 双外边距浮动问题 9. 3像素问题 10. IE6不支持m ...
分类：
其他好文 时间：
2019-03-29 00:41:39
阅读次数：
215
盒模型分为两种，一种是标准模式下的盒模型，另一种是怪异模式下的盒模型 再说盒模型前先了解一下什么是标准模式，什么是怪异模式 一般我们在写代码的时候都会注意到代码的顶端有一个<!DOCTYPE HTML>，这种情况下的渲染模式就是标准模式，把<!DOCTYPE HTML>去掉就是怪异模式 区分标准模式 ...
分类：
Web程序 时间：
2019-02-23 01:24:59
阅读次数：
235
[TOC] 1. CSS盒模型 元素的尺寸 1.1 元素的尺寸 | 属性 | 值 | 说明 | | | | | | width | auto、长度值或百分比 | 元素的宽度 | | height | auto、长度值或百分比 | 元素的高度 | | min width | auto、长度值或百分比 ...
分类：
Web程序 时间：
2019-01-23 00:23:31
阅读次数：
251
一：基础选择器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>基础选择器</title> <style> /*在实际开发中, 尽量少用或不用标签名来作为选择器*/ /*标签名作为选择器一般在该标签为最内层(语义|功能)标签*/ ...
分类：
Web程序 时间：
2019-01-16 19:48:53
阅读次数：
200
CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图 ...
分类：
Web程序 时间：
2018-12-29 13:50:37
阅读次数：
170
盒子模型的实际尺寸 盒子的width和height设置的是盒子内容的宽和高，不是盒子本身的宽和高，盒子的真实尺寸计算公式如下： 盒子宽度 = width + padding左右 + border左右 盒子高度 = height + padding上下 + border上下 margin相关技巧 1、 ...
分类：
Web程序 时间：
2018-12-27 22:50:10
阅读次数：
179
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>html基础复习</title></head><body> <!-- 前端: 用户可见的所有界面均是前端(PC端/移动端) --> <!-- html: 页面架构搭建 | css: 页 ...
分类：
编程语言 时间：
2018-12-24 21:32:35
阅读次数：
192
BFC(边距重叠解决方案) 1、BFC的基本概念：块级格式化上下文 2、BFC的原理（说白了就是BFC的渲染规则）： 这个规则是什么呢？我觉得大家能说出4点就够了 第一个就是BFC可以解决这个元素的垂直的边距发生重叠的情况 第二个是BFC的区域不会与浮动元素的box重叠，这个肯定是用来清除浮动的。 ...
分类：
Web程序 时间：
2018-12-18 11:04:10
阅读次数：
182
