CSS控制DIV绝对定位、相对定位的技巧
我们在网页设计中常常会用到position属性，里面有5个值，分别是：absolute、fixed、relative、static、inherit。
li或div高度不同产生错位的解决办法
我们常常会用到float:left的方式使得div或者li按照行的形式显示，但是有时候没有设置固定高度，就会产生由于高度不同而错位的问题。
text-indent用在input下英文无效的解决办法
text-indent是一个常用的css属性，在任何浏览器下都可以使用。但是，最近同事写代码的时候发现了一个Bug，text-indent用在input下英文无效。
DIV的CSS height:100%无效的解决办法
在设置DIV高度的时候，会用到一个height:100%的大小，来让div撑满浏览器高度。但是我们会发现，直接在div中写上“style:"height:100%;"”是无效的。那么如何才能让div的css height:100%生效...
10个让人惊叹的HTML5画布(canvas)技术效果
随着老式浏览器(IE6)的逐渐淘汰，现代浏览器（火狐浏览器，谷歌浏览器，Opera，Safari）走向主流，越来越多的HTML5和CSS3技术开始出现在各种网站上。这些最新的网页技术究竟能给我们今后的浏...
不同分辨率下显示不同宽度的DIV背景图片效果
随着设备的发展，不同分辨率的显示器和设备也越来越多。如何让一个DIV背景图在不同分辨率下显示合适的效果呢？下面有一个例子：
网站字体渲染！聊聊各浏览器下字体排版一致的问题
我们知道同一种字体在不同浏览器上的表现有可能是不同的，除了浏览器，还有哪些导致表现不同的因素呢？不同系统下字形的渲染也是不一样的，根本原因是什么呢？我们希望各浏览器下字体排版一...
2014年十大网页设计趋势和预测
新的一年刚刚开启， Zing 设计团队认为这是一个很好的时间来回顾 2013 年 web 的设计场景，同时也对 2014 的 web 设计趋势做了些分析，总结出了十大网页设计趋势和预测，希望能给大家一些启...
实现Google AdSense广告自适应设计
早先我们在《自适应网页设计的方法》一文中说明了网站自适应的修改方法，今天我们将着重讨论Google AdSense广告的自适应设计方法。
icon font字体图标在chrome浏览器被加粗和锯齿的解决办法
icon font字体图标十分好用，就连bootstrap框架在最新的3.0版本也默认使用了。不过我们在使用过程中发现了一些问题，比如在Safari浏览器和Chrome浏览器下字体图标被加粗了等等，下面就提供一...
用illustrator和FontLab设计自定义icon font的方法
大家都知道现在各个浏览器都支持CSS3的自定义字体(@font-face)，包括IE6都支持，只是各自对字体文件格式的支持不太一样。那么对于网站中用到的各种icon，我们就可以尝试使用font来实现，本文...
响应式网站的十个热门框架
在设计一个响应式网站时，运用到的计算是费时费力的，不过还好，国外有一系列的响应式框架模板可以使设计过程变得更便捷。这些框架或模板都有现成的栅格，布局和媒介，然后你可以尽情填充自...