Fwolf’s Blog

94smart说yahoo的新版网站中，有一个不错的设计，就是把很多小的图标、背景图片都存储到一张大图片中，然后用css控制显示范围来达到“使用”但张小图片的效果。乍一看很不错，但仔细分析后我觉得不见得非常实用，并且看yahoo其他的页面，也并没有广泛应用这种方式，更多的还是切割之后的小图片，集中到大图片的设计也许只是开发测试阶段的权宜之计？ 实现方式大体如此（以<a class=”slideshow”为例）：首先将大图片定义为背景

.more, .bullet, .audio, .video, .slideshow, .search, #minimantle li, a#editpage, a#editpage.on{

......[阅读全文]

在csdn上看到了meidengyin的中文排版CSS心得这篇很实用的文章，就顺手把其中的css实例化了一下，方便在看说明的时候，也能够看到排版的大体效果，放到这里了，有兴趣的可以翻一翻。格式可能不是特别好，大家意会好了。 另外，由于表达注音的ruby和rt标记是ie only的，所以，严格的说我排版的文档不符合xhtml 1.0 strict标准，因为这两个w3c不认识的标记。 Close this WindowBookmark and Share This Page Save to Browser FavoritesAskbackflipblinklistBlogBookmarkBloglinesBlogMarksBlogsvineBUMPzee!CiteULikeco.mmentsConnoteadel.icio.usDotNetKicksDiggdiigodropjack.comdzoneFacebookFarkFavesFeed Me LinksFriendsitefolkd.comFurlGoogleHuggJeqqKaboodlelinkaGoGoLinksMarkerMa.gnoliaMister WongMixxMySpaceMyWebNetvouzNewsvinePlugIMpopcurrentPropellerRedditRojoSegnaloShoutwireSimpysk*rtSlashdotSphereSphinnSpurl.netSquidooStumbleUponTechnoratiThisNextWebrideWindows LiveYahoo!Email This to a FriendCopy HTML: If you like this then please subscribe to the RSS feed.Powered by Bookmarkify™ [...]

一般在Javascript中，我们用event.clientX来取当前鼠标在文档中的坐标，用event.ScreenX来去当前鼠标在屏幕中的坐标。但是，在Mozilla系列浏览器中，直接使用event是不行的，会提示说event没有定义，因此在Mozilla或Firefox中调用时，需要变通一下。 在调用函数的时候，始终传一个event参数进去，在Mozilla中，会将Event对象传进去，而在IE下默认就有Event对象，也不冲突，这个问题就解决了。 以下这个例子就能够在IE和Mozilla中都正常运行。

......[阅读全文]

css-validator是W3C提供的一个工具，用于检查CSS的有效性，是个不错的工具，同样的还有W3C Markup Validation Service，用于检查html、xhtml等文档的格式有效性。 但是在检查一篇文档的时候出现了问题，文档是UTF-8编码，XHTML 1.0 Strict检查已通过，CSS代码采用直接使用“<style type=”text/css”>”写在文档中的方式。在使用css-validator检查的时候出现如下错误：

Target: http://www.fwolf.com/tools/ogame_construction_resource_computer.php

......[阅读全文]

div中内容的居中可以使用 text-align: center; 但这对div本身不起作用，对内部嵌套的div也不起作用，在W3CN的捷足先登学用CSS：HTML结构化中查到，原来div自身的水平居中可以使用 margin-right: auto;

......[阅读全文]