http://www.rainleaves.com/html/1095.htmlcss3弹性盒子模型之box-flex（修正版一）发表于2011/12/06 9条回复18,699 views今天看到蓝色理想上面有一篇文章讲《css3弹性盒模型布局模块介绍》里面讲到用box-flex，突然觉得有点心慌...
分类：
Web程序 时间：
2015-04-17 11:02:03
阅读次数：
183
三种定位机制1.标准文档流：从上到下，从左到右输出文档内容2.浮动3.绝对定位需要注意的是块级元素如div p ul 等 行级元素如span strong img input等块级元素与行级元素都是盒子模型，下面说下盒子模型盒子模型盒子模型是网页布局的基石，border padding m...
分类：
Web程序 时间：
2015-04-15 00:56:44
阅读次数：
212
盒子模型包括：width，height ，margin，padding。每个块级元素就是一个块级元素，就相当于一个盒子模型，在布局的时候，把他们也要考虑进去。
分类：
Web程序 时间：
2015-04-14 09:48:41
阅读次数：
144
很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理，迫不及待的分享给大家。写在前面的话： 由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。 如果读者理解CSS盒子模型，但对于浮动不理解，那么...
分类：
Web程序 时间：
2015-04-11 00:00:11
阅读次数：
514
display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。 目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私...
分类：
Web程序 时间：
2015-04-10 13:06:56
阅读次数：
139
先把上面的导航栏排好，做子菜单时一定要让nav ul li 左浮动，而不是a浮动，不然子菜单的位置不对 /*一定要把a转换为盒子模型，不然红色的底板会紧挨着文字 display:block;*/ 子菜单的ul用定位position:absoult;可以控制不要让子菜单把nav的整个撑起来移动下面的整...
分类：
其他好文 时间：
2015-04-10 12:55:26
阅读次数：
125
web开发网页布局中常常会碰到各种居中，由于浏览器渲染方式的不同，因此存在很多不同的场景，本文将个人平时遇到的一些场景一一列举，以备不时之需。示例代码地址：runjs1.垂直居中前提：假定父元素是盒子模型且高度已经设定。场景一：子元素是行内元素，高度由其内容撑开这种情况下，需要通过设定父元素的lin...
分类：
Web程序 时间：
2015-04-08 10:37:36
阅读次数：
142
原文:CSS设计指南之理解盒子模型一.理解盒模型 每一个元素都会在页面上生成一个盒子。因此，HTML页面实际上是由一堆盒子组成的。默认情况下，每个盒子的边框不可见，背景也是透明的，所以我们不能直接看到页面中盒子的结构。使用WebDeveloper工具条中的"OutLine"->"OutLine Le...
分类：
Web程序 时间：
2015-04-07 09:34:18
阅读次数：
118
简介前端开发面试知识点大纲： HTML&CSS:对web标准的理解、浏览器内核的差异、兼容性、hack、css基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。 javascript：数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存.....
分类：
Web程序 时间：
2015-04-06 21:41:46
阅读次数：
295
一.理解盒模型每一个元素都会在页面上生成一个盒子。因此，HTML页面实际上是由一堆盒子组成的。默认情况下，每个盒子的边框不可见，背景也是透明的，所以我们不能直接看到页面中盒子的结构。使用WebDeveloper工具条中的"OutLine"->"OutLine Level Element"菜单项，可以...
分类：
Web程序 时间：
2015-04-06 12:47:29
阅读次数：
158
