Css3引入了新的盒模型——弹性盒模型，该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL（火狐使用的用户交互语言）相似，其它语言也使用相同的盒模型，如XAML 、GladeXML。 使用该模型，可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。本文的例子 ...
分类：
Web程序 时间：
2017-03-21 15:17:02
阅读次数：
206
此随笔写于学习完CSS盒子之后，所遇到的问题和感悟记录。 IE盒子： IE盒子的特性:对于IE浏览器来说width不是内容宽度.而是内容+外边距+边框的内容总和。 也就是说当盒子增加10px;那么padding减5（双边左右）。 对于普通盒子来说那都是独立的！ ...
分类：
Web程序 时间：
2017-03-14 16:31:35
阅读次数：
171
CSS中的盒子模型是由几个属性组成的 content padding border margin content 指的是盒子内容的 宽度和高度 (height width) padding （内边距）指的是内容距离盒子边框 内边缘的距离 它有四个方向 border (边框) 边框包裹着内容和内边距 ...
分类：
Web程序 时间：
2017-03-06 14:08:37
阅读次数：
200
margin缩写形式： ①一个值，上下左右均为此值；例如margin：10px=margin:10px 10px 10px 10px; ②两个值，第一个代表上下，第二个数代表左右；例如margin：10px 5px=margin:10px 5px 10px 5px; ③三个值，上，右，下（左边默认=... ...
分类：
Web程序 时间：
2017-03-04 18:58:29
阅读次数：
244
盒子模型(Box Model) ■ 盒子模型——概念 在网页设计中常用的属性名：内容（content），填充（padding），边框（border），边界（margin）,CSS 盒子模式都具备这些属性。 细节说明： ?html 元素都可以看成一个盒子 ?盒子模型的参照物不一样，则使用的 css 属 ...
分类：
其他好文 时间：
2017-01-21 18:16:22
阅读次数：
195
HTML： 1. 什么是语义化的HTML?有何意义？为什么要做到语义化？ 2.行内元素和块元素分别有哪些？ 3.Doctype 是什么？有啥作用？ 4.iframe的优缺点 CSS： 1.CSS盒子模型 2.CSS优先级 3.不使用js,元素垂直居中 1).简单版 2).高级版 //未完 ...
分类：
其他好文 时间：
2017-01-07 19:24:35
阅读次数：
209
一、css文字属性 二、CSS边框空白 三、CSS符号属性 四、css背景样式 背景定位： 五、css链接样式 六、css盒子模型 七、css--form表单运用 八、CSS边界样式 九、CSS滤镜属性 ...
分类：
Web程序 时间：
2016-12-31 12:39:33
阅读次数：
356
注意： 行内元素的内外边距的top和bottom是不起作用的，想让他起作用要让他变成块元素加：display：bloock 注意： 如果元素设置了背景，那么背景会填充到内容区+边距区 利用padding设置导航条练习： 代码如下： <!DOCTYPE html><html> <head> <meta ...
分类：
Web程序 时间：
2016-12-25 13:32:37
阅读次数：
200
CSS盒子模型：content（内容）、padding（内边距）、border（边框）、margin（外边距）。 内容：盒子中间装的东西。 内边距：盒子里装的东西和边框的距离。 边框：1px solid red；（第一个属性是边框的宽度；第二个属性是边框的类型，有实线、虚线、点画线等；第三个属性是边 ...
分类：
Web程序 时间：
2016-12-20 20:59:22
阅读次数：
160
一、盒子模型： 标准模式和混杂模式（IE）。在标准模式下浏览器按照规范呈现页面；在混杂模式下，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。 CSS盒子模型具有内容(content)、填充(padding)、边框(border)、边界(margin)这 ...
分类：
Web程序 时间：
2016-12-20 14:04:49
阅读次数：
294
