摘要：
遇到的问题： 网站本身设计初衷就没有打算支持IE8及以下版本浏览器，并不是因为代码兼容性问题，而是真的不想迁就那些懒得更新自己操作系统和浏览器的用户，毕竟是我自己的网站，所以我说了算！哈哈~ 没有了低版本IE6浏览器，就不用顾虑他们的性能问题了，本以为开发会一帆风顺，结果”性能问题”竟然出现在了一直 阅读全文
摘要：
本集合是有一位国外设计师收集整合，并由 oncoding翻译成中文的，感谢他们的辛苦贡献。CSS Sprites技术在国外并不是什么新技术，只不过近两年(尤其08年开始)中国开始流行这个词，大家也开始越来越关注CSS Sprites这个没有标准中文翻译的技术。CSS Sprites这个词如果直译的话 阅读全文
摘要：
使用Photoshop为每个图片添加某种样式虽然可行，但会是相当乏味且困难的长久工作。下面要介绍的CSS技巧将帮助你从痛苦中解脱出来！ 阴影效果 通过使用带有一些padding之的背景图来添加阴影效果。 HTML <img class=”shadow” src=”sample.jpg” alt=”” 阅读全文
摘要：
使用XHTML+CSS来实现元素的垂直居中一直是前端开发中的一个比较复杂且棘手的问题，作为网页设计师或前端开发工程师，这个垂直居中问题也是必须掌握的技巧之一 该CSS垂直居中的条件: 1.已有一个已定义高度的容器(如<div>)2.内部有一个未知高度的对象(也许是后台动态生成的文本，放在另一个<di 阅读全文
摘要：
为什么是960px？ 一直以来，网页设计师都希望寻找一个理想的页面宽度值，既能适应大部分屏幕，又尽可能的在一行显示更多的信息。 我们首先会考虑的是全屏自适应，但这并非一个好的解决方案。一方面，需要做一个能适应各个宽度的设计，从背景图片，到每个栏目标题的文字长度，都需要考虑到适应多变的宽度；另一方面， 阅读全文
摘要：
前几天彬Go和大家一起讨论了960 Grid System这个CSS网格系统框架的基本原理和使用方法。今天，暴风彬彬将教大家使用Photoshop结合960 Grid System模板来设计一个真正符合960网格系统的网页效果图。 网格设计呢，通常显得很整齐规范，有时看上去也比较专业。但网格设计相对 阅读全文
摘要：
Bryan Veloso 在最近在他重新发布的网站Avalonstar 上应用了960网格系统（960 Grid System）中的16列的PS模板开发。 在这同时感谢他给960.gs提供了网站的截图以供使用。 您还可以参考以下960网格系统相关教程:《960 Grid System 基本原理及使用 阅读全文
摘要：
作为网页设计师(前端工程师)，你可能还记得曾经的那个网页大小建议:一个网页（包括HTML、CSS、Javacript、Flash和图片）尽量不要超过30KB的大小，随着互联网的日益庞大，网络带宽也在飞速发展，很多设计师已经不再考虑这条30KB的理想准则。随着越来越受欢迎的CSS布局和Javascri 阅读全文
摘要：
本文里面收集一些有关CSS的技巧、教程、工具和观点等，其中一些你也许早就运用的炉火纯青，也可能有的你听都没听说过。不管是新手还是高手，大家都继续学习吧。 一，Web 标准 要玩游戏，就得先了解规则。要学CSS，就应该先了解一下Web标准。尽管看上去不是必须的(我在学CSS之前，根本不知道也不想知道W 阅读全文
摘要：
您还可以参考以下网页设计相关资源:《美学设计—黄金分割与九宫格》《使用CSS创建三列固定布局结构》《精选15个国外CSS框架》《精选31个网站界面设计实践教程》《推荐20个关于网站可用性及界面设计的网站》 网页骨架 这些是web页面的主要元素。有很多不同的方法去组织它们，但是这种布局也许是最常用的。 阅读全文