标准的CSS盒子模型包括：内容(content)、填充(padding)、边框(border)、边界(margin)这些属性，可以把它转移到我们日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也就是能装东西的一种箱子，也具有这些属性，所以叫它盒子模式。那么内容（CONTENT）就是盒子里装的东...
分类：
Web程序 时间：
2014-12-18 22:03:06
阅读次数：
236
盒模型--边框（一）
盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。
如下面代码为div来设置边框粗细为2px、样式为实心的、颜色为红色的边框：
div{
border:2px solid red;
}
上面是border代码的缩写形式，可以分开写：
div{
border-width:2px;
border-s...
分类：
Web程序 时间：
2014-12-16 22:41:59
阅读次数：
235
css的盒子模型是一个前端工程师必须知道的知识点。一个元素，它的盒子模型是：margin（边界）+border（边框）+padding（填充）+content（内容）。其中除了content，其他三个都有上下左右4个方向，比如：margin-left，padding-left，border-left...
分类：
其他好文 时间：
2014-12-12 18:30:09
阅读次数：
172
通常要把一个容器分成三栏的话比较简便的方法是把三个字容器的 width 都设为33.3%，这种方法无法把父容器的宽度完全填充，在父容器的宽度足够大的时候留下的空白会是页面变得很不美观。利用css3盒子模型，这种问题将迎刃而解。 .content{ display:-web...
分类：
Web程序 时间：
2014-12-09 15:18:32
阅读次数：
227
根据牛老师的讲解，CSS的核心内容大致为四个部分：标准流、盒子模型、浮动和定位。
在学习核心内容之前，先来了解两个基本概念：块级元素和行内元素。
根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的display属性默认值为“block”，意思是该标签元素为块级元...
分类：
Web程序 时间：
2014-12-08 09:21:04
阅读次数：
215
display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有...
分类：
Web程序 时间：
2014-12-06 12:36:30
阅读次数：
280
说明：由图可以看出，div的margin和body的padding的功能效果一样，当这两个参数都有设置时，其效果值为两者相加的和。解释：padding:50px 40px 30px 20px; 意思是：在原来方形的基础上，顶部加50px,右边加40px,底部加30px,左边加20px。 为了方...
分类：
其他好文 时间：
2014-12-05 00:39:13
阅读次数：
169
CSS：1.盒子模型：content内容，padding补白，border边框，margin边界。2.布局模型： a.流动模型（Flow），默认的布局模型。特征：1>块状元素自上而下，宽度100%.2>内联元素从左至右依次排列. b.浮动模型（Float）：块状元素可以同行并列.c.层布局（Laye...
分类：
Web程序 时间：
2014-12-04 13:57:04
阅读次数：
150
嘿嘿，今天来的早点啦，最近学习的东西比较碎，所以要总结一下学习的知识还是需要时间的，其实我感觉每天学习完可以在这里总结一下挺好，可以回顾课堂上的知识，如果自己那点没有掌握，在总结中也可以知道啦，首先说下昨天学习的css样式中的a标签和li标签的几个属性以及盒子模型先总结下的啦，然后再总结今天学习的....
分类：
其他好文 时间：
2014-12-02 20:36:19
阅读次数：
233
一、盒子模型（box model）
一个盒子又4部分组成：content（内容）、padding（填充）、border（边框）和margin（外边界）
盒子模型有两种：
（1）标准W3C盒子模型
（2）IE盒子模型（content包含padding和border）
为了统一标准，让网页能兼容各个浏览器，必须使用标准W3C盒子模型
如何才算使用？答：在网页的顶部加上D...
分类：
Web程序 时间：
2014-12-01 20:56:07
阅读次数：
221
