盒子模型是网页元素所占据页面窗口的矩形范围，是网页布局的核心基础之一，这里的盒子模型与我们平常收到的包裹类似。 一个包裹从内到外，分为真实物品部分，物品与外壳之间的填充区，外壳的厚度，当多个包裹放置在一起，包裹与包裹之间的距离等要素组成。那么放到网页布局来说，也就是盒子模型。盒子是一个矩形区域，他从 ...
分类：
Web程序 时间：
2017-03-03 21:07:13
阅读次数：
163
盒子模型=网页布局的基石 ，由4部分组成： 边框（border）外边距（margin）内边距（padding）盒子中的内容（content） 二个属性值：（上/下、左/右）三个属性值：（上、左/右、下）一个属性值：四个方向相同 吉米的书图片排版 样式表方式：外部样式内部样式 行内样式 <style ...
分类：
其他好文 时间：
2017-02-07 20:39:15
阅读次数：
120
一、单列布局（类似于搜狐网站） 如： 代码为： 二、两列布局 1.固定宽度 代码为： 2.自适应 代码为： 三、三列布局 代码为： ...
分类：
Web程序 时间：
2017-01-23 19:14:49
阅读次数：
250
网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式地实现各种 ...
分类：
其他好文 时间：
2017-01-23 17:29:47
阅读次数：
226
清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就是末了，是外在的 ...
分类：
Web程序 时间：
2017-01-18 13:36:56
阅读次数：
249
css布局模型 清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就 ...
分类：
其他好文 时间：
2017-01-18 08:48:44
阅读次数：
142
发烧几天了，没有更新。本来说今天要更新一下前端的一些框架。但是有人私聊我 说是太快了，让我帮他梳理一下前面的知识。OK 那么今天我们来回顾一下之前的 知识。 首先，什么是网页布局？网页布局是网页制作的基础。div+css布局网页是基础中 的基础。还记得有哪几种布局么？第一，自动居中 盒子模型的使用方 ...
分类：
其他好文 时间：
2017-01-16 20:05:47
阅读次数：
164
网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式地实现各种页 ...
分类：
微信 时间：
2017-01-13 20:39:44
阅读次数：
342
静态、自适应、流式、响应式四种网页布局有什么区别？ 静态布局（Static Layout）即传统Web设计，对于PC设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分；对于移动设备，单独设计一个布局，使用不同的域名如wap.或m.。 适应布局（Adaptive Layo ...
分类：
其他好文 时间：
2017-01-13 20:39:15
阅读次数：
313
手机端网页现在已经发展的非常迅猛，很多公司度需要网页能兼容各种不同尺寸屏幕的手机。 下面我给大家讲讲我常用的3放布局方式： 1：响应式布局。 可以用px作为像素，网页进行平铺。全屏的用100%。高度可以用px写死，宽度可以用百分比。不管网页怎么拉伸，高度不变，宽度会相应的扩大。 2：em/rem 方 ...
分类：
移动开发 时间：
2017-01-03 16:30:14
阅读次数：
2925
