还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下：margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为...
分类：
其他好文 时间：
2015-02-13 16:09:21
阅读次数：
114
盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的，css内定义的宽（width）和高（height），指的是填充以里的内容范围。因此一个元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。元素的高度也是同理。比如：css代码：div{ width...
分类：
其他好文 时间：
2015-02-13 13:15:37
阅读次数：
165
盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。如下面代码为div来设置边框粗细为2px、样式为实心的、颜色为红色的边框：div{ border:2px solid red;}上面是border代码的缩写形式，可以分开写：div{ bor...
分类：
其他好文 时间：
2015-02-13 13:11:14
阅读次数：
243
学习制作手机页面2.先介绍一个css3的属性。box-sizing 这个属性 就是把盒模型的border 和padding 都计算在内未使用box-sizing的代码 1 2 3 4 5 box-sizing 6 7 20 21 22 23 24 使...
分类：
移动开发 时间：
2015-02-11 00:30:15
阅读次数：
238
怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”，怪异模式主要表现在IE内核的浏览器。在标准模式下，一个块的总宽度= width + margin(左右) + padding(左右) + border(左右)在怪异模式下，一个块的总宽度= width + margin(左右)（即...
分类：
其他好文 时间：
2015-02-10 15:04:48
阅读次数：
169
本文根据在慕课网的学习笔记整理。在清楚了CSS 盒模型的基本概念、 盒模型类型后， 可以深入探讨网页布局的基本模型。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS ...
分类：
Web程序 时间：
2015-02-04 18:23:38
阅读次数：
194
本文根据在慕课网的学习笔记整理。盒子模型：边界+边框+填充+内容边界元素与其它元素之间的距离可以使用边界（margin）来设置。边界也是可分为上、右、下、左。如下代码：div{margin:20px 10px 15px 30px;}//也可以分开写：div{ margin-top:20px; ...
分类：
Web程序 时间：
2015-02-04 16:08:21
阅读次数：
139
清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就是末了，是外在的...
分类：
Web程序 时间：
2015-02-03 21:18:54
阅读次数：
208
盒模型--边框（一）盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。如下面代码为div来设置边框粗细为2px、样式为实心的、颜色为红色的边框：div{ border:2px solid red;}上面是border代码的缩写形式，可以分开写：d...
分类：
Web程序 时间：
2015-02-03 21:18:25
阅读次数：
237
红色标记的为默认值1、border(边框)：border-top,border-bottom,border-left,border-right 1.border-color(边框颜色)； 2.border-width(边框粗细):medium|thin|thick|数值； 3.border-styl...
分类：
Web程序 时间：
2015-01-30 10:27:50
阅读次数：
262
