在标准盒模型下设置的width和height只是内容的宽和高，但在设置了宽和高的情况下若还要设置border、margin、padding等时，会发生溢出的现象，因此需要将盒模型更改。 box-sizing 属性用来改变默认的 CSS 盒模型对元素宽高的计算方式。这个属性可以用于模拟那些非正确支持标 ...
分类：
其他好文 时间：
2016-04-17 17:28:26
阅读次数：
124
上一篇我提到每一个元素都有自己的display属性，其属性值可以改变。其改变的方式，可以利用神奇的css盒模型（BFC）。 盒模型，是css可视化格式化系统的基础，可以用于元素定位和网页布局。一个盒模型是一个box，包括内容（content），padding（内边距），border（边框），marg ...
分类：
其他好文 时间：
2016-04-17 12:56:23
阅读次数：
132
原文链接：http://www.jianshu.com/p/ccb534e9b588 文章分为： margin的使用 margin的叠压现象 margin的子债父偿现象 一、margin的使用 HTML代码: margin 属性是用于在一个声明中设置四个外边距的所有属性的简写属性。没有继承性，也就是 ...
分类：
Web程序 时间：
2016-04-15 18:25:58
阅读次数：
199
CSS盒模型中，auto属性只适用于外margin和width，border和padding不适用。下面就来说说它的情况。这里所说的都是标准流盒子。 1.横向来说 （1）若设置width,magrin-left,margin-right中某个值为auto,剩下两个为指定值，则设为auto的属性会确定 ...
分类：
Web程序 时间：
2016-03-27 11:09:07
阅读次数：
288
一、理论：
1.CSS盒模型
a.外盒尺寸计算--高度
element空间高度=内容高度+内距+边框+边距
b.外盒尺寸计算--宽度 element空间宽度=内容宽度+内距+边框+外距
c.内盒尺寸计算--高度
element高度=内容高度+内距+边框
d.内盒尺寸计算--宽度
element宽度=内容宽度+内距+边框
2.box-sizing
a.content-box 默认...
分类：
Web程序 时间：
2016-03-18 01:55:47
阅读次数：
218
/* CSS Document */div{ background:silver; width:100px; height:100px; visibility:visible; 【元素默认可见】 visibility:hidden; 【div中的元素隐藏，但会占据空间】 } table tr:fir
分类：
Web程序 时间：
2016-03-16 22:19:51
阅读次数：
249
首先对于之前的拖更表示抱歉，因公派，前往上海，所以耽误了几天，以后会尽量按时更新.
今天课程主要介绍盒模型的基本概念，同时告诉大家，盒模型具体元素的构成。在最后面会介绍一下定位。
今日课程预览CSS 盒模型 概述首先大家看到的是什么？有月饼和月饼盒，对么？所以，我们今天的课程就叫做“一个月饼盒引发的深思”。大家首先看到的是什么？是不是一个盒子，很像我们中秋节的时候包装月饼的月饼盒子，对么？...
分类：
Web程序 时间：
2016-03-14 16:38:32
阅读次数：
291
最近在学习写网页，在用html标记语言和css布局时，发现css布局中的margin，padding会使整个布局变大，最后在研究了css盒模型时找到了答案。主要原因是margin定义了模块的外边距，padding定义了模块的内边距，如果在布局时没有把两块边距像素考虑到整个布局中，并且在父布局里宽..
分类：
Web程序 时间：
2016-03-10 18:59:00
阅读次数：
538
1、CSS 盒模型（Box Model） 所有 HTML 元素都可以看作是盒子，在 CSS 中，“Box Model”这一术语主要是在布局时使用。 CSS 盒模型（Box Model）规定了处理元素内容、边框、内边距 和 外边距 的方式。 CSS 盒模型本质上是一个盒子，封装周围的 HTML 元素，
分类：
Web程序 时间：
2016-02-27 21:55:37
阅读次数：
1040
CSS的布局模型清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就...
分类：
Web程序 时间：
2016-02-09 23:22:04
阅读次数：
552
