CSS的布局模型清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就...
分类：
Web程序 时间：
2016-02-09 23:22:04
阅读次数：
552
盒子模型代码简写回忆盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。语法:margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/通常...
分类：
Web程序 时间：
2016-02-09 23:20:25
阅读次数：
355
一、盒模型的概念 html的布局类似盒子模型，直观理解如下图： 简单介绍： margin是相邻div之间的间距，影响的是不同块元素的之间的位置； border是div盒模型的盒边框，分别有三个要素：边框厚度反应的是边框大小，边框风格即边框样式（实线，虚线，点线等等），边框颜色color； paddi
分类：
Web程序 时间：
2016-02-02 17:48:24
阅读次数：
202
布局相关属性 float:控制目标组件是否浮动以及如何浮动，设置浮动后，该组件被当做块组件处理，即相当于display属性为block；可选的属性值 left:指定对象向左浮动 right:指定对象向右浮动 clear:设置组件的左、右是否哪边不允许出现浮动对象。可选属性值： none:默认值，两边
分类：
其他好文 时间：
2016-01-30 13:20:14
阅读次数：
135
document.compatMode 获得文档模式，IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别两种模式：当document.compatMode等于BackCompat时，浏览器客户区宽度是document.body.clientWidth；当docum...
分类：
其他好文 时间：
2016-01-27 14:27:15
阅读次数：
133
盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型： 从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、conte....
分类：
其他好文 时间：
2016-01-26 21:45:46
阅读次数：
172
HTML标记与文档结构 块状元素、行内元素、样式元素、结构化标签、盒模型、文档对象模型? 块状元素 div,p,h1-h6,address,ol,ul,pre,table,fieldset,legend,header,footer,nav,section,article,aside 行内元素 a ,...
分类：
Web程序 时间：
2016-01-21 19:58:53
阅读次数：
231
HTML文档由各种元素组成。比如，p、table、span等等。每个元素都会对文档的表现有所影响。CSS中，每个元素都会生成一个框（传说中的盒子），其中包含元素内容。元素可以根据它的创建方式分为两种：替换元素和非替换元素。创建方式会对盒模型的表现有所影响，后续的笔记中会看到。替换元素：这种元素的内容...
分类：
Web程序 时间：
2016-01-18 22:30:50
阅读次数：
190
布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。CSS3中引入flex的弹性盒模型，这是一个可以让你告别浮动、完美实现垂直水平居中的新特性。尽管目前css3在PC端上的兼容性还不是那么...
分类：
Web程序 时间：
2016-01-18 10:32:11
阅读次数：
188
从html+css+javascript，耗时两个月。掌握的东西大致如下css部分 1.选择器 2.浮动和定位 3.盒模型html 常用标签及其用法javascript 1.基本语法 2.常用语句 3.函数申明 4.基本对象 5.构造函数 6.作用域 7.原型链 8.OOP编程思想最初一个月学...
分类：
其他好文 时间：
2016-01-18 00:24:56
阅读次数：
199
