<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[飘零雾雨的专栏]]></title><description><![CDATA[欢迎到我的主博客：css探索之旅(http://blog.doyoe.com/)]]></description><link>https://blog.youkuaiyun.com/storm0</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; storm0]]></copyright><item><title><![CDATA[纯CSS构造Tips效果补遗]]></title><link>https://blog.youkuaiyun.com/storm0/article/details/2173254</link><guid>https://blog.youkuaiyun.com/storm0/article/details/2173254</guid><author>storm0</author><pubDate>Wed, 12 Mar 2008 15:09:00 +0800</pubDate><description><![CDATA[　　其实并不想写这篇文章滴，已经不好玩了。因为之前已经写过一篇类似的文章（纯CSS构造Tips效果），如果需要其它的Tips效果应该都可以在那个基础之上略做修改或扩展。　　不过这段时间还是有不少同学问，已经给出原型了，可是。。。　　再整一篇，全当是骗点流量：）　　［效果演示：http://www.doyoe.com/model/xhtmlcss/style/tips/tips2.htm]]></description><category></category></item><item><title><![CDATA[无限制的自由适应的边框]]></title><link>https://blog.youkuaiyun.com/storm0/article/details/2173241</link><guid>https://blog.youkuaiyun.com/storm0/article/details/2173241</guid><author>storm0</author><pubDate>Wed, 12 Mar 2008 15:07:00 +0800</pubDate><description><![CDATA[　　前几天改一个东东时，看到一个不错的效果，可惜它是用JS做的，有点复杂和麻烦。今天正好没什么事，就整了个用CSS实现的方法，感觉应该会比较实用的。　　效果描述：一个容器，有外在表现的一种容器，这个容器要根据自身包含的内容（比如说图片）大小来改变自己的宽高。　　{这个框框是借用别人滴，我美工比较差而且人很懒滴说，只是自己切了下图}　　一路做来都非常顺利，顺便考虑了下图片请求的问题，合并]]></description><category></category></item><item><title><![CDATA[两种简易的图片切换效果]]></title><link>https://blog.youkuaiyun.com/storm0/article/details/2173220</link><guid>https://blog.youkuaiyun.com/storm0/article/details/2173220</guid><author>storm0</author><pubDate>Wed, 12 Mar 2008 15:01:00 +0800</pubDate><description><![CDATA[　　选项卡效果已被应用到越来越多的地方，于是更多不同需求的选项卡也就出现了。　　没事写了2个简单的图片切换实例，其实是从选项卡实例扩展滴，所以仍使用以前那篇文章（加了点料的选项卡效果）的JS。　　实例一演示：［http://www.doyoe.com/model/tabstrip/tabstrip4/3.htm］　　实例二演示：［http://www.doyoe.com/model/t]]></description><category></category></item><item><title><![CDATA[CSS未知尺寸的图片在容器中垂直居中的方法]]></title><link>https://blog.youkuaiyun.com/storm0/article/details/2173202</link><guid>https://blog.youkuaiyun.com/storm0/article/details/2173202</guid><author>storm0</author><pubDate>Wed, 12 Mar 2008 14:57:00 +0800</pubDate><description><![CDATA[如何使得未知大小的图片在容器里垂直居中]]></description><category></category></item><item><title><![CDATA[列表在各浏览器中的表现差异]]></title><link>https://blog.youkuaiyun.com/storm0/article/details/2156175</link><guid>https://blog.youkuaiyun.com/storm0/article/details/2156175</guid><author>storm0</author><pubDate>Fri, 07 Mar 2008 12:20:00 +0800</pubDate><description><![CDATA[　　CSS总是出人意表，而IE却总是让人意外，这点相信大家都有同感了。　　我们今天就说说列表，在讲这个之前，得先了解一些关于列表本身的特性，它们在IE及其它非IE浏览器中的表现差异。　　例如，我随便写了一段：无序列表有序列表　　然而就这一段普通的代码，在IE及非IE下也有着截然不同的效果（加上border后更效果更直观）。　　IE下的效果（图一）：　　非IE下效果（图二）：]]></description><category></category></item><item><title><![CDATA[奥运年，我再次光顾了神舟]]></title><link>https://blog.youkuaiyun.com/storm0/article/details/2156162</link><guid>https://blog.youkuaiyun.com/storm0/article/details/2156162</guid><author>storm0</author><pubDate>Fri, 07 Mar 2008 12:13:00 +0800</pubDate><description><![CDATA[　　就在前几天，入手了一台神舟优雅 hp800的笔记本电脑。标题为什么要说“再次”呢？原因很简单，因为之前用来蛮长一段时间的神舟笔记本。对于在外界蜚誉参半的神舟，我不再多加评论，好不好，谁用谁知道。　　先来说说此次购机的简单过程：　　几年前，大哥购入了一台神舟承运系列的笔记本，我用了几有2年，所以对神舟笔记本的方方面面应该还算是有点话语权的。神舟笔记本一直以来就是以高性价比展现在世人面前的]]></description><category></category></item><item><title><![CDATA[加了点料的选项卡效果]]></title><link>https://blog.youkuaiyun.com/storm0/article/details/1880716</link><guid>https://blog.youkuaiyun.com/storm0/article/details/1880716</guid><author>storm0</author><pubDate>Mon, 12 Nov 2007 17:29:00 +0800</pubDate><description><![CDATA[　　补上前篇文章所说的“图二”选项卡实例。　　类似的效果，其实我之前已经写过了（不规则背景图片滑动门），这里篇文章主要是为了说明上篇文章的“合理性”及“良好的用户体验”，不阐述其它的问题。　　［演示地址：http://www.doyoe.com/model/tabstrip/tabstrip4/5.htm］CSS部分：.hide { display:none;}#tab_1 { w]]></description><category></category></item><item><title><![CDATA[对选项卡的合理性及用户体验的几点看法]]></title><link>https://blog.youkuaiyun.com/storm0/article/details/1873769</link><guid>https://blog.youkuaiyun.com/storm0/article/details/1873769</guid><author>storm0</author><pubDate>Thu, 08 Nov 2007 15:25:00 +0800</pubDate><description><![CDATA[　　看过最早的选项卡其实应该是微软的一些东东，都是一些非常经典的。比如说IE的“Internet 选项”之类的，非常棒。　　从“Internet 选项”中，用户可以很清晰的看出当前自己是在浏览哪个区域。“Internet 选项”的“当前”选项按钮和其它不是当前的区分非常明了，你可以一目了然的就知道哪个是正在浏览的。　　从设计合理性的角度来看，它这样做是很明智的。可以想象，当年微软做出这种效]]></description><category></category></item><item><title><![CDATA[另类TabStrip效果(书签应用补遗)]]></title><link>https://blog.youkuaiyun.com/storm0/article/details/1871933</link><guid>https://blog.youkuaiyun.com/storm0/article/details/1871933</guid><author>storm0</author><pubDate>Wed, 07 Nov 2007 17:54:00 +0800</pubDate><description><![CDATA[　　书签其实还是蛮好玩滴，需要的只是你有时间和兴趣，当前也要有想法:)　　之前整理了个用书签弄的简单相册类图片展示效果，稍稍扩展下就弄了个另类的TabStrip，不过上篇提到的几个遗憾还是没很好的解决。本来很久以前就想写，不过一搁下就忘了这事!- -　　当前样式使用了一个变通，虽然也不大好，不过了胜于无，暂时还是可以用滴。　　由于很懒，没对该例子作美化，仅作说明。　　［演示地址：h]]></description><category></category></item><item><title><![CDATA[初来广州之家中失窃]]></title><link>https://blog.youkuaiyun.com/storm0/article/details/1871928</link><guid>https://blog.youkuaiyun.com/storm0/article/details/1871928</guid><author>storm0</author><pubDate>Wed, 07 Nov 2007 17:50:00 +0800</pubDate><description><![CDATA[　　刚到广州，是朋友来接的，有几年没见到她，样子没什么变化，只是更成熟了些。　　一见面，她劈头盖脸就说，这么热的天，你怎么还穿着西服？让我措手不及（本以为这么久没见。。。）我解释到家里和车上都不热，只是下车后才觉得热。　　来到她住的地方，把行李都放下，总算可以歇一口气了。这一路都担心行李箱会爆开，在车上的时候，由于没座，实在是太累了，就坐了一会箱子上，哪知道质量这么差，一下就坐爆了，幸好没]]></description><category></category></item><item><title><![CDATA[初来广州之火车MM]]></title><link>https://blog.youkuaiyun.com/storm0/article/details/1859409</link><guid>https://blog.youkuaiyun.com/storm0/article/details/1859409</guid><author>storm0</author><pubDate>Wed, 31 Oct 2007 13:54:00 +0800</pubDate><description><![CDATA[　　初来广州，新地方，人生地不熟，倒是在车上碰上一个能聊上几句的哥们。　　哦，貌似不对，还有一个广州本地的MM，两人说了过一个站的时间，帮助偶打发了将近1小时，在此表示感谢：）　　MM先问我去哪，我说去广州。　　听到我说去广州，MM马上打开了话匣子，然后说她是广州人，家就在岗顶附近，离我上班的地方很近。　　MM的热情，倒是令我“热血沸腾”啊，多好的一个MM，主动告诉该如何如何走，该]]></description><category></category></item><item><title><![CDATA[有趣的放大镜效果]]></title><link>https://blog.youkuaiyun.com/storm0/article/details/1821337</link><guid>https://blog.youkuaiyun.com/storm0/article/details/1821337</guid><author>storm0</author><pubDate>Fri, 12 Oct 2007 10:29:00 +0800</pubDate><description><![CDATA[　　闲话先不说，直接看实例先：　　［演示地址：http://www.doyoe.com/model/xhtmlcss/style/larger/larger.htm］CSS部分：.larger  { width:300px; padding:40px; overflow:auto;}.larger a  { float:left; width:20px; height:20px; co]]></description><category></category></item><item><title><![CDATA[纯CSS的相册图片展示(书签应用)]]></title><link>https://blog.youkuaiyun.com/storm0/article/details/1819464</link><guid>https://blog.youkuaiyun.com/storm0/article/details/1819464</guid><author>storm0</author><pubDate>Thu, 11 Oct 2007 08:59:00 +0800</pubDate><description><![CDATA[　　国庆节回来，这回着实是踏踏实实的休息了一次，感觉精神好多了。活是干了一点，不过睡得放心多了。尤其是昨晚的台风影响，感觉好凉爽，一觉居然睡了10个小时。　　今天上班把以前写的一个东东整理了一下，不过还是有不少的缺憾在里面，感兴趣的朋友看看就可以了：）　　其实这个东东已经有很多人写过了，不过还是把自己整理的贴出来大家瞧瞧，看还可以怎么改进。　　先看看Demo吧：　　［效果演示：ht]]></description><category></category></item><item><title><![CDATA[怎样的“标题”与“更多”更简洁实用]]></title><link>https://blog.youkuaiyun.com/storm0/article/details/1817741</link><guid>https://blog.youkuaiyun.com/storm0/article/details/1817741</guid><author>storm0</author><pubDate>Wed, 10 Oct 2007 08:41:00 +0800</pubDate><description><![CDATA[　　怎样的“标题”与“更多”更简洁实用呢？　　页面多了，不可避免的就会碰到“标题”与“更多”在一行内的情况。初一看下，这有什么可说的呢？不就是标题更多混写嘛，很简单啊。　　是，确实很简单，不过在简单的同时还考虑实用合理的话，或许就有些些麻烦了。　　比如，我们要定制一个如下图的“标题”与“更多”（想必是最常见的了）。　　　　看到上图，首先头脑里就会有一个大致的结构，如：　　今]]></description><category></category></item><item><title><![CDATA[规范化的链接样式顺序？]]></title><link>https://blog.youkuaiyun.com/storm0/article/details/1816267</link><guid>https://blog.youkuaiyun.com/storm0/article/details/1816267</guid><author>storm0</author><pubDate>Tue, 09 Oct 2007 09:35:00 +0800</pubDate><description><![CDATA[　　有的时候文章的相关链接太多了，一时半会不好分辨哪些文章是自己已看过的，哪些又是还没有来得及研读的等等，虽说是个小小的问题，但也得耗费你的一点时间:)　　既然只是个小小的问题，解决的方法当然也是极为简单的，所要求的只是一个好记性和熟练程度或者好习惯。　　　举一例子来说先：　　［演示地址：http://www.doyoe.com/model/xhtmlcss/style/link.ht]]></description><category></category></item><item><title><![CDATA[纯CSS构造Tips效果]]></title><link>https://blog.youkuaiyun.com/storm0/article/details/1806005</link><guid>https://blog.youkuaiyun.com/storm0/article/details/1806005</guid><author>storm0</author><pubDate>Sat, 29 Sep 2007 09:55:00 +0800</pubDate><description><![CDATA[　　这几天心情很不好，什么事都不想做，有点莫名其妙，却让人有很疲累的感觉。　　不过总这样也不是办法，强行给了自己一个作业，工作最能麻木一个人，实践证明确实非常有道理。　　Tips，不知道大家对这个东东感不感兴趣，相信有title，很多人都不愿再去另做这个东东来代替title的显示效果，而我恰恰也在这群人里面：）不过title始终有它自己的局限性，效果单一，容易让人审美疲劳。　　之前偶尔]]></description><category></category></item><item><title><![CDATA[简单的链接向右下凹陷效果]]></title><link>https://blog.youkuaiyun.com/storm0/article/details/1806001</link><guid>https://blog.youkuaiyun.com/storm0/article/details/1806001</guid><author>storm0</author><pubDate>Sat, 29 Sep 2007 09:54:00 +0800</pubDate><description><![CDATA[　　链接的效果可以被广大且有才的同学们做成漂亮的乱七八糟，所以我就不再在“漂亮”上较真了：）　　重新把曾经一段时间被人们喜爱的“向右下凹陷”的链接效果整理了一下，当个回忆也好...　　［演示地址：http://www.doyoe.com/model/xhtmlcss/style/a.htm］CODE： "http://www.w3.org/TR/xhtml1/DTD/xhtml1-]]></description><category></category></item><item><title><![CDATA[高固定情况下的水平及垂直居中]]></title><link>https://blog.youkuaiyun.com/storm0/article/details/1805995</link><guid>https://blog.youkuaiyun.com/storm0/article/details/1805995</guid><author>storm0</author><pubDate>Sat, 29 Sep 2007 09:54:00 +0800</pubDate><description><![CDATA[　　哇，好久没有Blog一下了，最近实在是忙晕了头，当然不仅仅是工作的问题，还有其它的。　　今天终于是忙里偷闲，好不容易有点时间更新一下Blog了，却被蜘蛛网似的杂乱无章的引用，留言，评论给搞得不爽，准备等再有时间就把“引用”什么的功能去掉，太多垃圾引用了。　　发现好长一段时间或者说一直以来，很多同学都对居中这个话题十分感兴趣，当然这里既有水平居中也包括垂直居中。　　相信水平居中大家都]]></description><category></category></item><item><title><![CDATA[不规则背景图片滑动门]]></title><link>https://blog.youkuaiyun.com/storm0/article/details/1805993</link><guid>https://blog.youkuaiyun.com/storm0/article/details/1805993</guid><author>storm0</author><pubDate>Sat, 29 Sep 2007 09:53:00 +0800</pubDate><description><![CDATA[     记得很久以前写过一个滑动门菜单的Demo，前些日子写了一种用越发不规则的图片做背景的滑动门菜单，但总有点瑕疵，因为会存在盲点区域，虽然范围很小，几乎可以忽略，但毕竟还是存在。先来看看演示再说。      ［演示地址：http://www.doyoe.com/model/xhtmlcss/menu/menu4/1.htm］CSS部分：html,body { margin:0; ]]></description><category></category></item><item><title><![CDATA[避免和清除宽自适应布局在ie中产生几像素差异的方法]]></title><link>https://blog.youkuaiyun.com/storm0/article/details/1805985</link><guid>https://blog.youkuaiyun.com/storm0/article/details/1805985</guid><author>storm0</author><pubDate>Sat, 29 Sep 2007 09:51:00 +0800</pubDate><description><![CDATA[     标题想了半天也想不到一个好的，感觉怎么写怎么长!- -怕是小学时缩句没学好。      今天想说的这个问题应该算是老调重谈了，不过写出来希望会给大家一些帮助，也使我自己不会忘记，毕竟好记性比不上烂笔头。      相信做过宽度自适应布局的同学都碰到过在ie下莫名其妙的多出几像素的问题，我也觉得ie总是让人不断的折腾，可能是怕我们老坐在电脑前不“运动”会滋生出些什么乱七八糟的毛病来]]></description><category></category></item></channel></rss>