近日，被同事问及一个产品列表的做法怎么实现？一个产品列表，每个产品列表后面跟一个button，这些button居右对齐。 其实这个效果跟新闻列表是类似的，我们常常需要做这样的 新闻列表效果 ： 我们通常的做法是，把日期写在span标签里，然后把span标签写在li里，css定义span(float:right)，让span浮动在列表的右边。 css部

1、仅 Safari 和 Opera 识别的 Hack @media all and (min-width: 0px) {/* Safari and Opera rules here */} 或者 @media screen and (-webkit-min-device-pixel-ratio:0) {/* Safari and Opera rules here */} 注：这里所指代的 Safari 和 Opera 一般为最新版本。 2、仅 Firefox 3 和 IE7 识别的 Hack

经常在网站上会发现如下图这样的常用组件模块,这也是我最近做的一个网站项目,我把我的做法整理出来与大家分享一下. 每个区域模块的长度和高度不一,用css怎么实现这种类似组件让其具有扩展性呢? 先看模块的title部分 ,先做一张足够区域的title背景图片,如下图:(bg_title.gif) 1.定义title的背景和高度.让图片从右边开始显

虽然浏览器可能存在着很多Bug，但是并不是与自己感觉不一样的时候就是出现了Bug。产生问题的原因可能有很多种，因此制作者需要一定的方法来排查问题。 　　选择一个先进的浏览器进行测试是明智的做法，例如对CSS 2.1支持比较好的Opera 9.2、Firefox 2.0或者Safari 3.0，而不要使用IE 6作为唯一的测试浏览器，因为IE 6的问题

原文来自： So Youve Mastered CSS. Whats Next? http://www.sohtanaka.com/web-design/so-youve-mastered-css-whats-next/ 也许你已经能够熟练地应用CSS，如果是这样的， 那你下一步的计划是什么呢？ 计划下一步行动和思考未来，它们是推动你的职业生涯向前发展的重要组成部分。大家都知道时间就是金钱，所以我们就应该以最

利用CSS在导航条上标示当前所在频道的技术，已经有很长时间了，在很多CSS的书中都介绍过，不过还是总被问到，因此写一个简单的示例来讲解一下。 其实原理非常简单： 1) 按照不同的频道（栏目），分别为body定义id。例如： 首页：body id=p_home Blog频道：body id=p_blog 相册频道：body id=p_ablum 频道内的所有页面都要统

国内3G陆续开放了，越来越多的人会开始尝试手机上网，而且未来必然有很多普通网民将移动接入作为常用的上网方式。对于网页设计师来说，移动web设计也是将来的一个可能会要接触到的业务。今天开始整理一下移动web设计的资料。 移动web（mobile web）？WAP ？ 大家都说WAP，为什么我说移动web？主要是想和以前的某些习惯区分开

效果如下图 要实现这个效果。很简单。 定义CSS样式 a:hover{ background:#f29901; } 这段代码的显示效果如下图 显然，这样太丑了。 只需要再加上一句 a:hover{ background:#f29901; display:block; } 即可如效果图所示，当鼠标移动到超链接上的时候，整个li元素背景变色。 可是这样还有一个问题，鼠标必须移动到文字上面才