一般我们做按钮基本上都需要两张图片，一张正常状态的图片，一张按下去效果图片 做这种按钮思路就是，设置链接a的背景为第一张图片，a:hover的背景为第二章图片 代码如下： HTML代码： a id=theLink/a CSS代码： #theLink{ display:block;/*因为标签a是内链元素，所以利用这句话将内链元素转化成块状元素，后面的width和

写在前面的话：在写上一个关于Pagerank更新的文章时，无意中发现了 SEO Infographics 这个系列，非常喜欢这种解释问题的方式，就自作主张把他们翻成中文了。 SEO 实际上是一种实践性和时效性很强的操作经验，所以与其深究理论，还不如通过一些看图说话的简单方法来获得一些初步体验，不多废话了，开始干活： 以下是一个典型

页面上各个元素的对齐，能使页面显得更加规整。以下图为例，能对齐的元素都对齐了，看起来很规整。 但这也导致了一个问题：阅读线路不清晰究竟是Z型线，还是N型线？ 像这种过度追求对齐而影响了信息架构的情况，在我们工作中不算少见，我个人不太赞同这种做法。我比较倾向于适当打破一点对齐关系，但可以使阅读线路更清晰的

我记得过去刚开始学习制作页面的时候，要想让一段文字首行缩进两个文字，如下图 总是在前面加上8个 ，因为过去大家对CSS的概念也不太熟悉，也不太重视，这种方法实现虽然比较直接，但是文字多的时候会有很多 充斥在代码中，如果再有些换行br/，那代码显着比较乱，现在大家开始主动了解CSS，学习CSS，你会发现这个问题很容易

中文原文： 网页设计从优秀到卓越的6个细节 英文原文： 6 Ways To Take Your Webdesign From Good To Great 转摘请注明引用出处。 内容摘要 1、合理使用渐变 2、留白 3、网格布局 4、提高字体应用 5、明确而有效的导航 6、设计漂亮、有用的页脚 介绍 优秀设计和卓越设计之间的区别是比较小的。一般人可能无法解释说明卓越的

如今，基本每个网站都会需要到Tab切换展示内容的滑动门效果应用，这种效果可以在更少的页面空间内，展示更多的网站内容，节约空间，方便用户集中操作，使用便利应用广泛，所以，掌握一些有关此类的效果应用是非常必要的课程。 Sliding Doors of CSS CSS Sliding Door using only 1 image How to make sexy buttons with C

CSSer与其他IT职位一样，在找工作的时候，都会面临着面试官提出的问题，或者给出的试卷。今天webjx.com收集了常见的8条面试题目，希望对您有所帮助。 一、超链接点击过后hover样式就不出现的问题？ 　　被点击访问过的超链接样式不再具有hover和active样式了,解决方法是改变CSS属性的排列顺序:L-V-H-A 二、IE6的margin双倍边

在工作过程中经常遇到做弹出的层效果，有的需要在元素右下弹出，有的需要弹出在浏览器正中间，有的需要弹出后再拖拽，有的需要背景要变暗，有的需要弹出的层跟随鼠标移动 网上此类效果其实很多，有javascript原生的，有基于框架写的,但自己好多时候用不到那么高级的效果， 所以就把这些功能都分开来一步一步实现。 其实原理