在当今网页设计/开发实践中，使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则，并且呈现相同的视觉效果(没有兼容性问题)。但是，我们并没有生活在这个完美的世界，现实中发生的失窃却总是恰恰相反，很多CSS样式在不同的浏

在cssplay网站看到有一组CSS像素画，于是也想摩仿一下，于是在网络上找到一组头像图标，看其结构比较简单，就拿它开刀吧！先看看预览图 图一 基本原理 ： 没有什么技术含量，主要是利用背景色和边框色来渲染每一个像素点，加上绝对定位，就可以变换出不同的风格。在制作一幅图片之前最好是将图片黑白风格化，然后用PS放大图

2009年2月24日，Safari 4.0 beta版正式发布，Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CSS3)。不过为了方便大家的工作，下面提供了最新版本的CSS选择器浏览器支持情况，其中包括最新的CSS3和Safari 4.0 Beta的支持情况。感谢 Estelle Weyl 的总结。 注: 绿色 / 表示目前支持。 橙色/ 表示浏览器部分支

在当今标准的Web设计中，CSS是最重要的组成部分。为了让大家更好的理解如何通过CSS来设计，Webjx.Com为大家收集了30个基于CSS的导航菜单和按钮的CSS设计教程，通过这些教程，您可以在您今后的项目中更方便的直接使用或参考，当然也可以用作平时的实践练习。希望大家能从中学到些什么。 CSS导航及菜单教程 01. 高级CSS菜单 :

网站可用性是任何网站的基本要素，而可用的导航更是网站所必需的要素之一。导航决定了用户如何与网站进行交互。如果没有了可用的导航，那么网站内容就会变得毫无用处。导航菜单应当足够简单以让用户快速了解它，但还要包含一些必要的元素来引导用户浏览整个网站融入一些有创意且漂亮的设计。 下面Webjx.com要向大家推荐的 5

在默认情况下，大多数浏览器都会将有序列表中的数字序列的与其列表文字内容显示为相同的字体。这篇快速教程将教你如何使用有序列表(ol)和段落(p)来设计华丽的列表数字。 预览 基本上讲，你需要做的只是为ol元素定义Georgia字体，然后为p元素(在ol内)定义Arial字体。 1.HTML源代码 创建一个有序列表，不要忘了将列表中的文

今天网页教学网将和大家一起讨论网页设计趋势中很重要的环节，那就是勾引用户的按钮。所谓勾引用户的按钮，其实对于Web设计师来说，就是 如何设计出一个能让大多来访的用户都有点击欲望的按钮 。通常这些按钮被链接到 下载 、 注册 和 购买 等功能。 国外设计师 Seth Godin 将按钮比喻成 香蕉 ，而你的用户则会被比喻成可爱

自从1996年CSS1的推出，W3C组织就建议把所有网页上的对像都放在一个盒（box）中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层div。 盒模型主要定义四个区域：内容（content）、内边框距（padding）、边框（border）和外边距（margin）。 对于初学者，经常会搞不清楚margin，paddi