Xu Design


Posts Tagged ‘CSS’

2008-11-18

Reset CSS

CSS Reset 或 Reset CSS,CSS重置,CSS重设,CSS复位,默认CSS… 怎么叫都可以。 每个浏览器会对HTML标记有自己默认的CSS样式定义,为了达到高度和谐的统一,先通过Reset CSS把所有的元素样式都定义为统一标准了,再去基于自定义的这个标准书写接下来的CSS。 我以前碰过一些朋友老是问布局在IE下错乱的非常诡异,有的时 候可能就是没进行Reset CSS,而浏览器写了一些你没看到的代码,就乱七八糟了。 具体的方法就去老帕那里看看吧,呵呵。

这几天抽空把我发布的所有主题都更新了一下。 主要是把以前发布的主题针对 WP2.6 做了更新。 添加了针对 WP-PageNavi 插件的样式,然后去掉了 部分主题对 Trackping Separator 插件的依赖。 各个主题更新详细如下:

2008-05-08

Lost Blue Theme

Lost Blue 是我做的最后一个 PJBlog 的主题,也就是你现在所看到的主题。 做为对 PJBlog2 的最后怀恋,现在移植到 WordPress 里来了,直到新的主题正式上线。呵呵。 侧边拦需全靠 Widgets 来定义。用了部分 CSS3.0 的东西。

通过 CSS3.0 Previews 就能发现一些CSS3.0里将要改变的东西。 Borders 在3.0里可以实现渐变色的边框(border-color),图像边框(border-image),圆角的边框(border-radius),还有就是边框阴影(box-shadow)。box-shadow 目前只有 Safari 3支持。 不过我想现在最关心的就是那个 border-radius 了,border-radius 在WP2.5的后台就有广泛的应用比如按钮的样式。用FF的朋友就会发现 WP2.5 的后台的按钮样式是3px的圆角按钮样式。 支持范围里就是没有IE,我想是不是真的要抛弃IE了,还是要等到IE8出来。 border-radius 的定义如下:

这次更新是对代码的优化和精简。修改了Logo的样式,觉得只用文字好像还好些。 WordPress 2.3.2 可以正常使用。侧边栏可以用WP2.3自带的 Widgets 来设置。 原本想把它改成3栏的主题,就可以把文章存档放上来了。可我改了后发现不是那么好看了所以就只有保持2栏的布局了。 现在的版本是1.3的,下载后请注意一下。

Nicky从 CSS Gallery 网站中精选了 20 个比较漂亮的 XHTML+CSS 布局网站。我转过来做为收藏了。 1、www.mosaiko.com.br

2007-08-14

IE的:hover问题

:hover是在 CSS中用来制作效果最常用到的一个伪类。比如:链接的鼠标悬停效果 a:hover 。 但用在比如 li:hover 上再 IE6下就没有效果,而 Firefox 下却解析正常。这样一来在 Firefox下有漂亮的 hover 效果的标签用 IE6 来打开就会失去不少亮丽的风景了,然而 firefox 的用户有实在太少了,难道你小区旁边的网吧里都装了firefox 来作为默认的浏览器? IE6下用JS是可以实现部分hover效果: