一、CSS盒模型盒模型概述盒模型是CSS的核心知识点之一，它指定元素如何显示以及如何相互交互。页面上的每个元素都被看成一个矩形框，这个框由元素的内容、内边距、边框和外边距组成。如下图所示：内边距出现在内容区域的周围。如果在元素上添加背景，那么背景应用于元素的内容..
分类：
Web程序 时间：
2017-03-13 22:36:07
阅读次数：
189
前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！ 1. css盒模型有标准盒模型和IE盒模型，结构是：content、padding、border、margin。 css3有个box-sizing属性，设置用哪种盒模型； box-sizing:conten ...
分类：
其他好文 时间：
2017-02-26 08:16:21
阅读次数：
194
清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就是末了，是外在的 ...
分类：
Web程序 时间：
2017-01-18 13:36:56
阅读次数：
249
css布局模型 清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就 ...
分类：
其他好文 时间：
2017-01-18 08:48:44
阅读次数：
142
CSS中，盒模型是一个很重要的思想概念，在处理盒模型的时候，有一些问题需要注意，特别记录在此。 首先，一个“盒子”是由内边距、外边距、边框以及内容构成的，当设置了元素的margin属性时，会影响当前元素的一些状态。例如，两个盒子在页面中， 一个在上，一个在下，同时设置了两个盒子的margin属性时， ...
分类：
Web程序 时间：
2017-01-17 19:47:22
阅读次数：
334
阅读目录 1. Web标准以及W3C 2. 主流浏览器内核 3. 标准模式（Standards Mode）和怪异模式（Quirks Mode） 4. CSS盒模型 5. 重置浏览器样式 6. HTML语义化 7. CSS选择器的优先级 8. 双外边距浮动问题 9. 3像素问题 10. IE6不支持m... ...
分类：
其他好文 时间：
2016-12-05 14:19:14
阅读次数：
261
阅读目录 1. 什么是CSS盒模型 2. IE盒模型和W3C盒模型 3. CSS3属性box-sizing 4. 关于盒模型的使用 ...
分类：
Web程序 时间：
2016-11-30 22:04:21
阅读次数：
352
盒模型--边框（一） 盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。 如下面代码为 div 来设置边框粗细为 2px、样式为实心的、颜色为红色的边框： div{ border:2px solid red; } 上面是 border 代码的缩写形式，可以 ...
分类：
Web程序 时间：
2016-11-24 07:04:51
阅读次数：
193
Css3的flex布局用法 Flex意为“弹性布局”，英文flexible box的缩写，flex布局使css盒模型变得更加强大和灵活，flex布局主要用在webapp和移动端中使用，移动端flex布局，将使的布局变得异常简单。 任何一个容器都可以指定为flex布局； 行内元素也可以使用flex布局 ...
分类：
其他好文 时间：
2016-11-22 03:10:20
阅读次数：
1347
css布局模型 清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就 ...
分类：
其他好文 时间：
2016-11-21 11:09:43
阅读次数：
159
