理解: 拔河效应依我理解就是相当于一个物体受到在相反方向两个大小相同的力,再加上设置margin:auto;就相当于物体受到两个拉力很难受(╯﹏╰），只有当它老老实实呆着任两个力的摆布时，它才好受些QAQ,也就是自适应居中 上代码: HTML CSS ...
分类：
Web程序 时间：
2018-02-24 23:13:05
阅读次数：
556
转处作者： 阮一峰 网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可 ...
分类：
其他好文 时间：
2018-02-22 17:12:50
阅读次数：
232
https://www.imooc.com/learn/57 https://www.imooc.com/learn/57 第1章 内容简介 1-1 内容简介 (04:47) 第2章 用HTML+CSS实现最简单的网页布局效果：一列布局 2-1 一列布局 (04:09) 2-2 练习题 2-3 编程 ...
分类：
Web程序 时间：
2018-02-20 19:40:54
阅读次数：
233
XML用途？ XML 被设计用来传输和存储数据。 HTML 被设计用来显示数据。 XML把数据从HTML分离。（通过XML，数据能独立存储在XML文件中，使我们能专注于用HTML/CSS工具设计网页布局） XML简化了数据传输，使我们可以在互联网不兼容系统之间交换数据。 什么是XML XML 指可扩 ...
分类：
其他好文 时间：
2018-02-15 11:06:15
阅读次数：
166
一、响应式开发1、响应式布局，就是一个网站能够兼容多个终端。2、响应式开发的原理CSS3中的MediaQuery（媒介查询，and之后一定要加空格@mediascreenand(min-width:768px)and(max-width:992px){};通过查询screen的宽度来指定某个宽度区间的网页布局。超小屏幕（移动设备）768px以下小屏设备768px-992px中等屏幕992px-12
分类：
移动开发 时间：
2018-02-05 10:34:02
阅读次数：
182
自适应布局： 使用固定分割点进行布局，只有几种固定状态，如：768px,996px,1200px，元素位置变化大小不变； 响应式布局： 每个主流分辨率下都有一个布局样式，虽然差异较小，但也有几百种不同状态，元素位置大小都会变化。 布局按CSS单位划分 布局按css属性划分 布局按页面样式布局 流式布 ...
分类：
Web程序 时间：
2018-02-05 00:30:37
阅读次数：
242
网页布局（layout）是CSS的一个重点应用。 img 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 img 2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整 ...
分类：
Web程序 时间：
2018-02-04 22:49:28
阅读次数：
252
经典的行布局 1.基础的行布局 2.行布局自适应 3.行布局自适应限制最大宽 4.行布局垂直水平居中 经典的列布局 1.两列布局固定 width为px 2.两列布局自适应 width为% 3.三列布局固定 4.三列布局自适应 混合布局 圣杯布局 圣杯布局是由国外的Kevin Cornell提出的一个 ...
分类：
Web程序 时间：
2018-01-30 23:01:01
阅读次数：
209
Flex 布局教程：语法篇 作者： 阮一峰 日期： 2015年7月10日 作者： 阮一峰 日期： 2015年7月10日 网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局 ...
分类：
其他好文 时间：
2018-01-29 19:20:00
阅读次数：
183
