本文作者Mark Praschan是一位具有将近十年经验的网页设计师，Web开发师，Web项目经理人。 文中强调复杂的高级效果能为设计增色不少，但如果用得不对，只会影响用户对重点内容的关注。高级效果可能正好是一项好的设计的冲击力所在，但即便如此，也还是需要一些更简单的效果与其配合。 简单的效果和技....
分类：
其他好文 时间：
2014-11-28 18:16:04
阅读次数：
124
div布局之所以要学懂学透，是因为table的布局实在是难堪大用，如果是同处于一个表格之内，
各行的规格分布根本就没法调，
例如下面的一段非常简单的代码：
无标题文档
11111111111111
11111111111111
11111111111111
11111111111111
11111111111111
11111111111111
111111111111...
分类：
Web程序 时间：
2014-11-28 10:11:56
阅读次数：
190
如果你想快速制作出一个优秀的网站，网站模板一定是必不可少的。网页设计师和开发人员也可以从网站模板入手，学习先进的布局方式和编码风格。下面这个列表为大家挑选了15款免费的 HTML5/CSS3 响应式网页模板，相信会有你需要的。
分类：
Web程序 时间：
2014-11-27 15:49:29
阅读次数：
243
让DIV高度自适应，这是在网页设计中常遇到的问题，为了给大家提供参考，这里提供3种div高度自适应的方法：一是JS法、二是背景图填充法、三是“补丁大法”（比较变态）。1、JS法代码如下。原理：用JS判断左右DIV的高度，若不一致则设为一致。leftrightrightrightrightrightr...
分类：
其他好文 时间：
2014-11-27 10:30:57
阅读次数：
186
什么是CSS Float? float 是 css 的定位属性。在传统的印刷布局中，文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。在网页设计中，应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对 定位的页面元素相比...
分类：
Web程序 时间：
2014-11-26 16:09:41
阅读次数：
334
自适应网页设计（Responsive Web Design）作者：阮一峰随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽...
分类：
Web程序 时间：
2014-11-26 14:06:45
阅读次数：
274
但多数情况下，考虑各个因素的影响我们还是在尽量充分利用这些默认调用的字体实现CSS的编写，这里整理了19个Web安全字体，让你无需任何顾虑的情况下畅快使用。1, Arial微软公司的网页核心字体之一，最常用的sans-serif字体，当字号很小时不容易阅读。但是，大写的“I”和小写的“l”是无法.....
分类：
Web程序 时间：
2014-11-26 11:00:41
阅读次数：
214
首先，让我分享一些我所观察到的可用性和体系结构目前的趋势。 可用性的趋势 如今，用户体验变得比以往更重要，响应式网页设计（RWD）也成为了网站必备的特性。RWD 能让最终用户在不同尺寸的设备上访问网站，包括...
分类：
Web程序 时间：
2014-11-24 19:23:32
阅读次数：
248
2015 年 7 个重要的 Web 设计趋势：Web 设计趋势每一年都会有所变化。但设计师的创意天赋是推动改变网页设计标准的法则。设计师负责将创意转化为趋势、趋势转变为标准。如果在 2015 年，网页缺少以下 7 个设计元素，必定被淘汰。1、排版更灵活这部分的主要焦点在于，字体展现会受到新兴排版原则...
分类：
Web程序 时间：
2014-11-24 13:32:29
阅读次数：
188
CSS盒子模型:
早期的网页设计主要是表格,后来主要是div+css
盒子模型：
1.边框：border：
border-top、border-bottom、border-left、border-right
2.内边距：padding：
padding-top、padding-bottom、padding-left、padding-right
3.外边距：margin：...
分类：
Web程序 时间：
2014-11-24 01:14:21
阅读次数：
222
