作者： 阮一峰 网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、 ...
分类：
其他好文 时间：
2017-01-03 09:49:26
阅读次数：
480
自适应网站已经成为现互联网时代的主流网站，自适应网页布局的改革，让网站焕然一新，赋予了网站新的活力与更精美的展现。今天给大家讲下如何利用建站宝盒制作自适应网站。 建站流程：模板设置>基本资料>网站栏目>编辑内容>发布网站>推广网站 1. 进入界面 2. 选择网站模板，安装模板 3. 编辑网站 双击栏 ...
分类：
Web程序 时间：
2016-12-31 17:03:30
阅读次数：
317
个人建议同时写背景图片和 img 标签，兼顾SEO 的同时在高对比度模式下也可以正常显示图片。具体代码晚些补上… 使用<img> 还有一个好处是，用户可以很方便的右键保存 Logo 或者复制 Logo 图片的链接。 <h1 class="logo"> <!-- 注意 a 标签不要加 title，会造 ...
分类：
Web程序 时间：
2016-12-28 17:19:59
阅读次数：
258
对于Web前端初学者或者经验不够丰富的人来说，出现页面排版布局混乱的情况并不罕见，有时候明明前面部分的网页都很整齐美观，可是在接下来的部分中经常会出现网页布局混乱，比如content无法调整到开发者需要的位置，或者出现页面重叠的现象。以下内容是我个人在网页制作过程中关于网页排版混乱及其解决办法的一些 ...
分类：
Web程序 时间：
2016-12-20 20:34:34
阅读次数：
367
目前，Flex布局，可以简便、完整、响应式地实现各种页面布局。而且，它已得到了所有浏览器的支持，这意味着，我们能很安全地使用这项功能。 如果你对弹性网页布局感兴趣，那可别错过flex这么好用的属性哦。 一、 初识flex 以前我给PC端网页进行布局时，我是基于盒子模型上，然后采用float浮动和po ...
分类：
移动开发 时间：
2016-12-20 19:57:12
阅读次数：
658
外边距折叠（margin collapse）指两个或多个margin毗邻元素间发生的两个外边距折叠为一个的现象，是在网页布局中经常需要考虑到的问题。 所谓margin毗邻，可以总结为： 这两个或多个外边距没有被非空内容、padding、border 或 clear 分隔开。 这些 margin 都处 ...
分类：
其他好文 时间：
2016-12-20 13:43:17
阅读次数：
226
第一步：meta标签 大多数浏览器将HTML页面放大为宽的视图（viweport）以符合屏幕分辨率。你可以使用视图的meta标签来进行重置。 下面的视图标签告诉浏览器，使用设备的宽度作为视图宽度并禁止初始的缩放。 在<head>标签里加入这个meta标签。 IE8或者更早的浏览器并不支持Media ...
分类：
Web程序 时间：
2016-12-19 18:33:40
阅读次数：
178
网页布局参照三个方面： 1、标准文档流 块级元素 层级元素 Note：两个元素都属于 盒子模型 2、float left right none Note：设置浮动后，脱离标准文档流；但不脱离标准文本流 ； 当元素设置浮动属性后，会对相邻的元素产生影响，相邻元素指的是紧邻后面的元素。 对文档流，文本流 ...
分类：
Web程序 时间：
2016-12-19 14:33:38
阅读次数：
274
由于上一次的灵光一闪，萌生了对面向UI编程的思想实现。经过一段时间的考虑和设计，现在将思想和具体细节记录下来： 具体思路描述： 配置文件的配置设计： 数据中转池设计思路： 具体思路描述： 面向UI思想框架优势： PS：现在只是对思路做一个详细设计，在开发中可能会遇到各种各样的问题，而且该思路是我的第 ...
分类：
Web程序 时间：
2016-12-08 09:36:56
阅读次数：
145
网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式地实现各种 ...
分类：
其他好文 时间：
2016-12-06 20:30:59
阅读次数：
183
