盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型： 从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、conten ...
分类：
Web程序 时间：
2016-12-01 14:37:05
阅读次数：
185
本节内容： position float clear 浮动布局例子 百分比宽度 position CSS中的position属性设置元素的位置。属性值：static、relative、fixed、absolute。 static static属性是默认值。任意的position:static；的元素 ...
分类：
Web程序 时间：
2016-11-23 06:23:35
阅读次数：
218
上星期都是在学响应式的页面，主要是两种方法来做响应式的页面： 第一种：页面中的宽度都用百分比来做。 页面中盒子的高度不能设固定高度。开始学DIV+CSS布局的时候我给每个盒子都设置了固定的宽和高，这样页面做起来非常快，只需要先把页面整体的布局结构搞定，再往里面丢内容就行了，但是后来发现这样的结构是错 ...
分类：
其他好文 时间：
2016-11-22 03:11:10
阅读次数：
193
本节内容： 没有布局 display属性 margin:auto; max-width 盒模型 没有布局 如果想把所有内容都塞进一栏里，那么不用设置任何布局也是可以的。然而，如果用户把浏览器窗口调整的很大，这时阅读网页会非常不适：读完每一行之后，你的视觉焦点要从右向左一大段距离。 display属性 ...
分类：
Web程序 时间：
2016-11-21 22:49:01
阅读次数：
314
css布局模型 清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就 ...
分类：
其他好文 时间：
2016-11-21 11:09:43
阅读次数：
159
目录： 1、Div+Css布局教程（-）CSS必备知识 注：本教程要求对html和css有基础了解。 一、CSS布局属性 Width：设置对象的宽度（width:45px）。 Height：设置对象的高度(Height:45px;)。 Background：设置对象的背景颜色、背景图像。 1.背景颜 ...
分类：
Web程序 时间：
2016-11-20 13:47:04
阅读次数：
159
本文讲解使用DIV+CSS布局最基本的内容，读完本文你讲会使用DIV+CSS进行简单的页面布局。 转载请标明：http://www.kwstu.com/ArticleView/divcss_2013929173533658 关于DIV+CSS布局中用到的CSS必备知识请看：http://www.kw ...
分类：
Web程序 时间：
2016-11-20 13:39:49
阅读次数：
223
nextAll() 是查找当前元素之后的所有元素 prevAll()是查找当前元素之前的所有元素 在 css布局时候常会用到的地方即是如ul，li布局，如第一个li的左边与其父元素的间距要保持为0，其他要有相应的间距，便可以使用nextAll()方法去设置相应的margin或者padding，反之如 ...
分类：
Web程序 时间：
2016-11-20 13:06:59
阅读次数：
214
采用CSS的flex布局可以很容易的实现特殊布局，比如垂直居中，div底部对齐等。我遇到了一个交叉布局的需求，然后用flex布局很愉快的把它给解决了。 ...
分类：
Web程序 时间：
2016-11-17 23:09:48
阅读次数：
278
css布局之于页面就如同ECMAScript之于JS一般，细想一番，html就如同语文，css就如同数学，js呢，就是物理，有些扯远，这里就先不展开了。 回到主题，从最开始的css到如今的sass(less),开发的效率确实变得越来越高效，但是可能有时候我们还是会对页面布局产生烦恼的情绪，比如:"咦 ...
分类：
Web程序 时间：
2016-11-17 10:37:39
阅读次数：
356
