<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>岁月无痕 &#187; 博百优网赚系列</title>
	<atom:link href="http://www.cubiczd.com/category/ui-design/feed" rel="self" type="application/rss+xml" />
	<link>http://www.cubiczd.com</link>
	<description>岁月无痕官方网站</description>
	<lastBuildDate>Mon, 06 Sep 2010 16:20:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>一天花30元，尝试Adwords做淘宝客</title>
		<link>http://www.cubiczd.com/ui-design/452</link>
		<comments>http://www.cubiczd.com/ui-design/452#comments</comments>
		<pubDate>Fri, 18 Jun 2010 15:14:16 +0000</pubDate>
		<dc:creator>岁月无痕</dc:creator>
				<category><![CDATA[博百优网赚系列]]></category>
		<category><![CDATA[adwords]]></category>
		<category><![CDATA[淘宝客]]></category>

		<guid isPermaLink="false">http://www.cubiczd.com/?p=452</guid>
		<description><![CDATA[这次的投资可真不少啊，每天投入30元，一个月就差不多1000元了。不过要赚钱得要先亏钱，得敢投资。做CPS其实最好的方式就是做PPC，而不是SEO。SEO虽然成本低，但是花费时间长，周期太长了，而且得花费的精力太多。 在国外做CB,CJ的很多牛人都是通过PPC或者导购软文，哥也得尝试着去做。迟点看看效果如何才决定是否追加投资吧，哈~ 岁月无痕官方网站相关Adwords广告优化之网络内容联盟关键词选择解决频繁更改目标地址或者桥页问题导致质量得分下降的方法关于Adwords质量得分的影响因素分析]]></description>
			<content:encoded><![CDATA[<p>这次的投资可真不少啊，每天投入30元，一个月就差不多1000元了。不过要赚钱得要先亏钱，得敢投资。做CPS其实最好的方式就是做PPC，而不是<span class='wp_keywordlink'><a href="http://www.cubiczd.com/category/seosem" title="SEO">SEO</a></span>。SEO虽然成本低，但是花费时间长，周期太长了，而且得花费的精力太多。</p>
<p>在国外做CB,CJ的很多牛人都是通过PPC或者导购软文，哥也得尝试着去做。迟点看看效果如何才决定是否追加投资吧，哈~</p>
<h3  class="related_post_title"><span class='wp_keywordlink'><a href="http://www.cubiczd.com/" title="岁月无痕">岁月无痕</a></span>官方网站相关</h3><ul class="related_post"><li><a href="http://www.cubiczd.com/seosem/440" title="Adwords广告优化之网络内容联盟关键词选择">Adwords广告优化之网络内容联盟关键词选择</a></li><li><a href="http://www.cubiczd.com/seosem/218" title="解决频繁更改目标地址或者桥页问题导致质量得分下降的方法">解决频繁更改目标地址或者桥页问题导致质量得分下降的方法</a></li><li><a href="http://www.cubiczd.com/seosem/91" title="关于Adwords质量得分的影响因素分析">关于Adwords质量得分的影响因素分析</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.cubiczd.com/ui-design/452/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>博百优：放弃更佳的用户体验，获取更高的收入</title>
		<link>http://www.cubiczd.com/ui-design/424</link>
		<comments>http://www.cubiczd.com/ui-design/424#comments</comments>
		<pubDate>Tue, 18 May 2010 12:49:17 +0000</pubDate>
		<dc:creator>岁月无痕</dc:creator>
				<category><![CDATA[博百优网赚系列]]></category>
		<category><![CDATA[adsense]]></category>
		<category><![CDATA[博百优]]></category>
		<category><![CDATA[网赚]]></category>

		<guid isPermaLink="false">http://www.cubiczd.com/?p=424</guid>
		<description><![CDATA[博百优这种想法或许会与我们一贯的注重用户体验的做法是相悖的，但是我觉得无论是公司还是个人网站，最终都是为了盈利，丘仕达说得很好，我做SEO不是为了做排名，而是为了盈利。所以博百优最近在测试一个英文站的Adsense广告位置投放的时候，放弃了更佳的用户体验，在一篇内容上面出现了多个adsense广告。点击率从以前的0.3%，提升到最近的这几天的2%~5%之间，其实这种点击率还是挺高的，不过没有作弊就不需要考虑太多。 一个新做的英文网站，其实我很笨，没有先把内容做好再上线，而是一边更新一篇做SEO，其实这种做法是很不对的，我们以后做站应该将内容都弄好了，内部链接优化都弄好了，再上线才比较合适。以我现在每天更新一篇英文文章，一个月来流量达到50 个/天，只是做了内链，其他都没做过，全部流量来自SE的。博百优放弃了用户体验之后就广告的点击率提高了，50个流量能带来多少刀一天？这样就不便多说了，当然并不会很多，但是比起中文网站会更好。 放弃用户体验是为了更好地追逐商业利益，这是很多企业都必须做出抉择。有的时候其实真的没必要太过于考虑用户体验，去计较产品设计的那些流程细节，没必要,同时我们做网赚的时候也是同样道理，因为用户体验不是最终的结果。 岁月无痕官方网站相关博百优初级网赚（二）广告联盟博百优初级网赚系列（一）链接类博百优：看三国，学策略博百优清理了3个友情链接琢磨着，百度就更新了博百优：做SEO与SEM都需要基于产品博百优大赛的比赛时间真长博百优CSS：推荐几本CSS书籍博百优：搜搜百科取消超链接博百优：轻松一刻，美女一枚]]></description>
			<content:encoded><![CDATA[<p>博百优这种想法或许会与我们一贯的注重<span class='wp_keywordlink'><a href="http://www.cubiczd.com/tag/%E7%94%A8%E6%88%B7%E4%BD%93%E9%AA%8C" title="用户体验">用户体验</a></span>的做法是相悖的，但是我觉得无论是公司还是个人网站，最终都是为了盈利，丘仕达说得很好，我做<span class='wp_keywordlink'><a href="http://www.cubiczd.com/category/seosem" title="SEO">SEO</a></span>不是为了做排名，而是为了盈利。所以博百优最近在测试一个英文站的Adsense广告位置投放的时候，放弃了更佳的用户体验，在一篇内容上面出现了多个adsense广告。点击率从以前的0.3%，提升到最近的这几天的2%~5%之间，其实这种点击率还是挺高的，不过没有作弊就不需要考虑太多。<br />
<span id="more-424"></span><br />
一个新做的英文网站，其实我很笨，没有先把内容做好再上线，而是一边更新一篇做SEO，其实这种做法是很不对的，我们以后做站应该将内容都弄好了，内部链接优化都弄好了，再上线才比较合适。以我现在每天更新一篇英文文章，一个月来流量达到50 个/天，只是做了内链，其他都没做过，全部流量来自SE的。博百优放弃了用户体验之后就广告的点击率提高了，50个流量能带来多少刀一天？这样就不便多说了，当然并不会很多，但是比起中文网站会更好。</p>
<p>放弃用户体验是为了更好地追逐商业利益，这是很多企业都必须做出抉择。有的时候其实真的没必要太过于考虑用户体验，去计较产品设计的那些流程细节，没必要,同时我们做<a href="http://www.cubiczd.com/category/ui-design">网赚</a>的时候也是同样道理，因为用户体验不是最终的结果。</p>
<h3  class="related_post_title"><span class='wp_keywordlink'><a href="http://www.cubiczd.com/" title="岁月无痕">岁月无痕</a></span>官方网站相关</h3><ul class="related_post"><li><a href="http://www.cubiczd.com/ui-design/405" title="博百优初级网赚（二）广告联盟">博百优初级网赚（二）广告联盟</a></li><li><a href="http://www.cubiczd.com/ui-design/402" title="博百优初级网赚系列（一）链接类">博百优初级网赚系列（一）链接类</a></li><li><a href="http://www.cubiczd.com/bobaiyouother/442" title="博百优：看三国，学策略">博百优：看三国，学策略</a></li><li><a href="http://www.cubiczd.com/bobaiyouother/437" title="博百优清理了3个友情链接">博百优清理了3个友情链接</a></li><li><a href="http://www.cubiczd.com/bobaiyouother/431" title="琢磨着，百度就更新了">琢磨着，百度就更新了</a></li><li><a href="http://www.cubiczd.com/seosem/429" title="博百优：做SEO与SEM都需要基于产品">博百优：做SEO与SEM都需要基于产品</a></li><li><a href="http://www.cubiczd.com/bobaiyouother/422" title="博百优大赛的比赛时间真长">博百优大赛的比赛时间真长</a></li><li><a href="http://www.cubiczd.com/mba-wiki/420" title="博百优CSS：推荐几本CSS书籍">博百优CSS：推荐几本CSS书籍</a></li><li><a href="http://www.cubiczd.com/seosem/418" title="博百优：搜搜百科取消超链接">博百优：搜搜百科取消超链接</a></li><li><a href="http://www.cubiczd.com/bobaiyouother/414" title="博百优：轻松一刻，美女一枚">博百优：轻松一刻，美女一枚</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.cubiczd.com/ui-design/424/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>博百优初级网赚（二）广告联盟</title>
		<link>http://www.cubiczd.com/ui-design/405</link>
		<comments>http://www.cubiczd.com/ui-design/405#comments</comments>
		<pubDate>Wed, 12 May 2010 13:24:47 +0000</pubDate>
		<dc:creator>岁月无痕</dc:creator>
				<category><![CDATA[博百优网赚系列]]></category>
		<category><![CDATA[博百优]]></category>
		<category><![CDATA[网赚]]></category>

		<guid isPermaLink="false">http://www.cubiczd.com/?p=405</guid>
		<description><![CDATA[博百优昨天给大家介绍的初级网赚一连接类，今天博百优想给大家继续我们的网赚系列。广告联盟无疑是目前中小网站最主要的盈利模式，作为全球最大的广告联盟Google Adsense，以及国内的百度推广，淘宝联盟已经把国内广告联盟的市场几乎占据了。如果你的网站都无法做以上三个联盟的话，不妨来看看下面介绍的几个广告联盟吧 1. Bidvertiser Bidvertiser是一个国外的广告联盟，支持paypal支付（没有paypal？立即注册）。如果你的网站被GG K了话，bidvertiser或许是一个不错的选择。当然BV对比于GG的话肯定没那么好，主要表现在广告内容的匹配上，点击的单价上，其实都不甚理想，我的一个减肥站一次点击大概0.1刀吧。而且点击率超级低，四舍五入，0.19%的点击率。不过至少可以赚回电空间费，没白弄。 立即注册 2.Adbrite 一个很老的国外广告联盟了，获得知名风险投资公司Sequoia Capital, DAG Ventures, 以及Mitsui Ventures 的投资。 Adbrite的广告形式目前有以下几种： 1.Text ads：文字广告，Tuixy测试感觉文字广告效果一般； 2.Banners：图片广告，Adbrite的图片和文 字广告是划分为一组，测试这个效果不错； 3.Full page ads：全页弹处广告，尽管效果不错但是影响客户访问体验，慎用； 4.Inline ads：内文广告，这个功能不错对纯广告做一个很好的补充，而且单价都是很不错的； 5.BritePic： 图片代码广告，暂时还没有具体测试。 3.Clickbank 和CJ 国外最权威的CPS联盟，很多知名公司都是他的广告主，比如苹果等等。能够做这个联盟的都是相当不错的英文网站，博百优目前还没有这个能力，所以还有很多需要继续学习的地方。当然我也有去做，但是效果不咋样。 这四个是我目前最常用到的国外的广告联盟，主要是CPC和CPS，下次如果有机会也介绍一下CPL广告联盟吧。 岁月无痕官方网站相关博百优：放弃更佳的用户体验，获取更高的收入博百优初级网赚系列（一）链接类博百优：看三国，学策略博百优清理了3个友情链接琢磨着，百度就更新了博百优：做SEO与SEM都需要基于产品博百优大赛的比赛时间真长博百优CSS：推荐几本CSS书籍博百优：搜搜百科取消超链接博百优：轻松一刻，美女一枚]]></description>
			<content:encoded><![CDATA[<p>博百优昨天给大家介绍的<a href="http://www.cubiczd.com/ui-design/402">初级网赚一连接类</a>，今天博百优想给大家继续我们的网赚系列。广告联盟无疑是目前中小网站最主要的盈利模式，作为全球最大的广告联盟Google Adsense，以及国内的百度推广，淘宝联盟已经把国内广告联盟的市场几乎占据了。如果你的网站都无法做以上三个联盟的话，不妨来看看下面介绍的几个广告联盟吧<br />
<span id="more-405"></span><br />
1.<a href="http://www.bidvertiser.com/bdv/bidvertiser/bdv_ref_publisher.dbm?Ref_Option=pub&amp;amp;Ref_PID=279628"> Bidvertiser</a></p>
<p>Bidvertiser是一个国外的广告联盟，支持paypal支付（没有paypal？<a href="https://www.paypal.com/c2/mrb/pal=64ENTTZH34U8N">立即注册</a>）。如果你的网站被GG K了话，bidvertiser或许是一个不错的选择。当然BV对比于GG的话肯定没那么好，主要表现在广告内容的匹配上，点击的单价上，其实都不甚理想，我的一个减肥站一次点击大概0.1刀吧。而且点击率超级低，四舍五入，0.19%的点击率。不过至少可以赚回电空间费，没白弄。</p>
<p><a href="http://www.bidvertiser.com/bdv/bidvertiser/bdv_ref_publisher.dbm?Ref_Option=pub&amp;Ref_PID=279628">立即注册</a></p>
<p>2.Adbrite<a href="http://www.adbrite.com/mb/landing_both.php?spid=135755&amp;afb=125x125-2-white"><br />
<img src="http://www.adbrite.com/mb/images/125x125-2-white.gif" border="0" alt="" /></a></p>
<p>一个很老的国外广告联盟了，获得知名风险投资公司Sequoia Capital,  DAG Ventures, 以及Mitsui Ventures 的投资。</p>
<p>Adbrite的广告形式目前有以下几种：</p>
<p>1.Text ads：文字广告，Tuixy测试感觉文字广告效果一般；<br />
2.Banners：图片广告，Adbrite的图片和文 字广告是划分为一组，测试这个效果不错；<br />
3.Full page ads：全页弹处广告，尽管效果不错但是影响客户访问体验，慎用；<br />
4.Inline ads：内文广告，这个功能不错对纯广告做一个很好的补充，而且单价都是很不错的；<br />
5.BritePic： 图片代码广告，暂时还没有具体测试。</p>
<p>3.<a href="http://moneyding.reseller.hop.clickbank.net">Clickbank</a> 和<a href="http://www.cj.com/">CJ</a></p>
<p>国外最权威的CPS联盟，很多知名公司都是他的广告主，比如苹果等等。能够做这个联盟的都是相当不错的英文网站，博百优目前还没有这个能力，所以还有很多需要继续学习的地方。当然我也有去做，但是效果不咋样。</p>
<p>这四个是我目前最常用到的国外的广告联盟，主要是CPC和CPS，下次如果有机会也介绍一下CPL广告联盟吧。</p>
<h3  class="related_post_title"><span class='wp_keywordlink'><a href="http://www.cubiczd.com/" title="岁月无痕">岁月无痕</a></span>官方网站相关</h3><ul class="related_post"><li><a href="http://www.cubiczd.com/ui-design/424" title="博百优：放弃更佳的用户体验，获取更高的收入">博百优：放弃更佳的用户体验，获取更高的收入</a></li><li><a href="http://www.cubiczd.com/ui-design/402" title="博百优初级网赚系列（一）链接类">博百优初级网赚系列（一）链接类</a></li><li><a href="http://www.cubiczd.com/bobaiyouother/442" title="博百优：看三国，学策略">博百优：看三国，学策略</a></li><li><a href="http://www.cubiczd.com/bobaiyouother/437" title="博百优清理了3个友情链接">博百优清理了3个友情链接</a></li><li><a href="http://www.cubiczd.com/bobaiyouother/431" title="琢磨着，百度就更新了">琢磨着，百度就更新了</a></li><li><a href="http://www.cubiczd.com/seosem/429" title="博百优：做SEO与SEM都需要基于产品">博百优：做SEO与SEM都需要基于产品</a></li><li><a href="http://www.cubiczd.com/bobaiyouother/422" title="博百优大赛的比赛时间真长">博百优大赛的比赛时间真长</a></li><li><a href="http://www.cubiczd.com/mba-wiki/420" title="博百优CSS：推荐几本CSS书籍">博百优CSS：推荐几本CSS书籍</a></li><li><a href="http://www.cubiczd.com/seosem/418" title="博百优：搜搜百科取消超链接">博百优：搜搜百科取消超链接</a></li><li><a href="http://www.cubiczd.com/bobaiyouother/414" title="博百优：轻松一刻，美女一枚">博百优：轻松一刻，美女一枚</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.cubiczd.com/ui-design/405/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>博百优初级网赚系列（一）链接类</title>
		<link>http://www.cubiczd.com/ui-design/402</link>
		<comments>http://www.cubiczd.com/ui-design/402#comments</comments>
		<pubDate>Tue, 11 May 2010 15:14:36 +0000</pubDate>
		<dc:creator>岁月无痕</dc:creator>
				<category><![CDATA[博百优网赚系列]]></category>
		<category><![CDATA[博百优]]></category>
		<category><![CDATA[网赚]]></category>

		<guid isPermaLink="false">http://www.cubiczd.com/?p=402</guid>
		<description><![CDATA[今天倒想换点新的口味，每天都是SEO，css还是挺烦的。我觉得网赚应该是很多站长一直以来的目标，做网站除了自己的兴趣之外最重要的就是这个网站是否能为我们带来盈利，这也是衡量一个网站的价值的体现。博百优不是什么网站高手，但是也参与过不少国内外的广告联盟，小钱还是可以赚到点，但不值得拿出来扯谈，也是属于初级网赚的级别而已。今天给大家介绍一下这些网赚的平台，看看是否适合你呢？ 1.Backlinks 可能很多人已经熟悉这个平台，当然据我所知道，这个平台已经被GG检测到，并且很多参与到这个平台卖链接的网站都已经PR被清O了，但是为什么博百优还给大家介绍呢？源于上个月底，我无端端地受到了Backlinks支付的100刀，喜出望外。登录看了一下才知道我之前推荐了一个advertiser，他的消费满足了Backlinks支付给我100刀的推介费的条件，对于我来说，这可是意外之财啊，不知道你有没有机会赚到呢？ 立即注册 2.Inlinks Inlinks属于内文链接，目前GG还无法检测到，所以做inlinks是目前最安全的做法，inlinks平台属于博百优网赚的一个重要的平台之一，而这个平台的一般来说一个内文链接的价格为3.2刀。有更高的8刀的博百优也接到过，那是减肥药之类的关键词。这个inlinks一定要是英文站才行，中文站只能做推介哦。 还等什么？立即注册 3.Linkworth 目前博百优只在这个平台榨取了70刀，很悲凉啊。不过这个平台的好处就是很多种广告类型任你选择，不仅仅是文本链接，还有付费评论，图片js广告等等，一个不错 的广告平台。 立即注册开始网赚 4.Tedia 这个平台我刚刚注册，我问了下朋友，这个平台价格如何，他说PR4:15刀，PR3：10刀，PR2:8刀 。这样的价格是不是比你在国内好多了呢？当然这个平台不仅仅是只是友情链接，也有内文链接，两者也同时可以存在提高你的广告价格。 立即注册 链接类暂时就介绍这么几个，不过也是目前比较主流的几个，信誉好，支付及时，大家不妨试一下。敬请期待下一期：博百优初级网赚系列（二）广告联盟类 岁月无痕官方网站相关博百优：放弃更佳的用户体验，获取更高的收入博百优初级网赚（二）广告联盟博百优：看三国，学策略博百优清理了3个友情链接琢磨着，百度就更新了博百优：做SEO与SEM都需要基于产品博百优大赛的比赛时间真长博百优CSS：推荐几本CSS书籍博百优：搜搜百科取消超链接博百优：轻松一刻，美女一枚]]></description>
			<content:encoded><![CDATA[<p>今天倒想换点新的口味，每天都是<span class='wp_keywordlink'><a href="http://www.cubiczd.com/category/seosem" title="SEO">SEO</a></span>，<span class='wp_keywordlink'><a href="http://www.cubiczd.com/tag/css" title="css">css</a></span>还是挺烦的。我觉得网赚应该是很多站长一直以来的目标，做网站除了自己的兴趣之外最重要的就是这个网站是否能为我们带来盈利，这也是衡量一个网站的价值的体现。博百优不是什么网站高手，但是也参与过不少国内外的广告联盟，小钱还是可以赚到点，但不值得拿出来扯谈，也是属于初级网赚的级别而已。今天给大家介绍一下这些网赚的平台，看看是否适合你呢？<br />
<span id="more-402"></span><br />
1.Backlinks</p>
<p>可能很多人已经熟悉这个平台，当然据我所知道，这个平台已经被GG检测到，并且很多参与到这个平台卖链接的网站都已经PR被清O了，但是为什么博百优还给大家介绍呢？源于上个月底，我无端端地受到了Backlinks支付的100刀，喜出望外。登录看了一下才知道我之前推荐了一个advertiser，他的消费满足了Backlinks支付给我100刀的推介费的条件，对于我来说，这可是意外之财啊，不知道你有没有机会赚到呢？</p>
<p><a href="http://www.whylink.com?aff=35666" target="_blank">立即注册</a></p>
<p>2.Inlinks</p>
<p>Inlinks属于内文链接，目前GG还无法检测到，所以做inlinks是目前最安全的做法，inlinks平台属于博百优网赚的一个重要的平台之一，而这个平台的一般来说一个内文链接的价格为3.2刀。有更高的8刀的博百优也接到过，那是减肥药之类的关键词。这个inlinks一定要是英文站才行，中文站只能做推介哦。</p>
<p><a href="http://www.inlinks.com/?ref=223002" target="_blank">还等什么？立即注册</a></p>
<p>3.Linkworth</p>
<p>目前博百优只在这个平台榨取了70刀，很悲凉啊。不过这个平台的好处就是很多种广告类型任你选择，不仅仅是文本链接，还有付费评论，图片js广告等等，一个不错 的广告平台。</p>
<p><a href="http://www.linkworth.com/?a=26567" target="_blank">立即注册开始网赚</a></p>
<p>4.Tedia<br />
<a href="http://www.teliad.com/affiliates.html?id=36215"><img title="teliad - the marketplace for text links" src="http://www.teliad.com/gfx/en/banner/logo_02_5.gif" alt="teliad - the marketplace for text links" /></a></p>
<p>这个平台我刚刚注册，我问了下朋友，这个平台价格如何，他说PR4:15刀，PR3：10刀，PR2:8刀 。这样的价格是不是比你在国内好多了呢？当然这个平台不仅仅是只是友情链接，也有内文链接，两者也同时可以存在提高你的广告价格。</p>
<p><a href="http://www.teliad.com/affiliates.html?id=3621">立即注册</a></p>
<p>链接类暂时就介绍这么几个，不过也是目前比较主流的几个，信誉好，支付及时，大家不妨试一下。敬请期待下一期：<a href="http://www.cubiczd.com/ui-design/405">博百优初级网赚系列（二）广告联盟类</a></p>
<h3  class="related_post_title"><span class='wp_keywordlink'><a href="http://www.cubiczd.com/" title="岁月无痕">岁月无痕</a></span>官方网站相关</h3><ul class="related_post"><li><a href="http://www.cubiczd.com/ui-design/424" title="博百优：放弃更佳的用户体验，获取更高的收入">博百优：放弃更佳的用户体验，获取更高的收入</a></li><li><a href="http://www.cubiczd.com/ui-design/405" title="博百优初级网赚（二）广告联盟">博百优初级网赚（二）广告联盟</a></li><li><a href="http://www.cubiczd.com/bobaiyouother/442" title="博百优：看三国，学策略">博百优：看三国，学策略</a></li><li><a href="http://www.cubiczd.com/bobaiyouother/437" title="博百优清理了3个友情链接">博百优清理了3个友情链接</a></li><li><a href="http://www.cubiczd.com/bobaiyouother/431" title="琢磨着，百度就更新了">琢磨着，百度就更新了</a></li><li><a href="http://www.cubiczd.com/seosem/429" title="博百优：做SEO与SEM都需要基于产品">博百优：做SEO与SEM都需要基于产品</a></li><li><a href="http://www.cubiczd.com/bobaiyouother/422" title="博百优大赛的比赛时间真长">博百优大赛的比赛时间真长</a></li><li><a href="http://www.cubiczd.com/mba-wiki/420" title="博百优CSS：推荐几本CSS书籍">博百优CSS：推荐几本CSS书籍</a></li><li><a href="http://www.cubiczd.com/seosem/418" title="博百优：搜搜百科取消超链接">博百优：搜搜百科取消超链接</a></li><li><a href="http://www.cubiczd.com/bobaiyouother/414" title="博百优：轻松一刻，美女一枚">博百优：轻松一刻，美女一枚</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.cubiczd.com/ui-design/402/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>模块化 CSS – 更有效地管理CSS</title>
		<link>http://www.cubiczd.com/ui-design/168</link>
		<comments>http://www.cubiczd.com/ui-design/168#comments</comments>
		<pubDate>Wed, 10 Feb 2010 06:22:05 +0000</pubDate>
		<dc:creator>岁月无痕</dc:creator>
				<category><![CDATA[博百优网赚系列]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.cubiczd.com/?p=168</guid>
		<description><![CDATA[之前一篇CSS网页布局困扰新手的八个问题相信对于大家来说还是相当有帮助的，特别对于新手。而今天将是关于CSS的模块化的问题。 在刚学习CSS初期，就接触了&#8221;模块化CSS&#8221;这样的概念，不过，一直没有很好的理解。说起 来，理由很简单：因为几乎所有的代码都是为了博客的设 计，而像博客这么小的架构，CSS文件根本不用多，因为本身代码量就小，使用不同表现形式的页面模板并不多，少反而更方便管理。所以，对于模块化CSS的 理解很乱，直接导致自己一直认为下面的分法是非常合理的： reset.css // 对浏览器的默认样式进行重设 layout.css // 管理页面的布局 typeset.css // 图文的编排与 color.css // 统一管理颜色的搭配 print.css // 打印效果样式 ie.css // 把对ie的hack单独分开 其实不然，最近工作，接触了公司的网站，leader要自己写CSS的写作规范，以及一些HTML的统一规范；并且写了新的频道/页面/卖场。才发 现，原来，上面的分法还是太理想化了。以个人来说，个人认为可以用下面的分割法。先写下，然后，让我们对比这两种分法，找到更好的解决CSS文件管理的合 适的CSS模块化分法： reset.css header.css // 头部的所有样式 container.css // 除头部/底部外的中间区域样式 footer.css // 底部样式 print.css ie.css 我们可以看到，不同的有三个CSS文件。第一种分法是种不错的做法，但管理起来比较麻烦，虽然是&#8221;模块化&#8221; 了，把表现的内容的样式分开。但由于每个人都不可能百分百了解每个CSS文件里面的内容，所以，可能导致下面的问题： &#8230; <a href="http://www.cubiczd.com/ui-design/168">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div>
<p><img src="http://laajo.com/weblog/wp-content/uploads/2009/12/cssHtml-square.jpg" alt="http://laajo.com/weblog/wp-content/uploads/2009/12/cssHtml-square.jpg" /></p>
<p>之前一篇<a title="CSS网页布局困扰新手的八个问题" href="../ui-design/32">CSS网页布局困扰新手的八个问题</a>相信对于大家来说还是相当有帮助的，特别对于新手。而今天将是关于CSS的模块化的问题。</p>
<p>在刚学习CSS初期，就接触了&#8221;模块化CSS&#8221;这样的概念，不过，一直没有很好的理解。说起 来，理由很简单：因为几乎所有的代码都是为了博客的设 计，而像博客这么小的架构，CSS文件根本不用多，因为本身代码量就小，使用不同表现形式的页面模板并不多，少反而更方便管理。所以，对于模块化CSS的 理解很乱，直接导致自己一直认为下面的分法是非常合理的：</p>
<ol>
<li>reset.<span class='wp_keywordlink'><a href="http://www.cubiczd.com/tag/css" title="css">css</a></span> // 对浏览器的默认样式进行重设</li>
<li>layout.css // 管理页面的布局</li>
<li>typeset.css // 图文的编排与</li>
<li>color.css // 统一管理颜色的搭配</li>
<li>print.css // 打印效果样式</li>
<li>ie.css // 把对ie的hack单独分开</li>
</ol>
<p>其实不然，最近工作，接触了公司的网站，leader要自己写CSS的写作规范，以及一些HTML的统一规范；并且写了新的频道/页面/卖场。才发 现，原来，上面的分法还是太理想化了。以个人来说，个人认为可以用下面的分割法。先写下，然后，让我们对比这两种分法，找到更好的解决CSS文件管理的合 适的CSS模块化分法：</p>
<ol>
<li>reset.css</li>
<li>header.css // 头部的所有样式</li>
<li>container.css // 除头部/底部外的中间区域样式</li>
<li>footer.css // 底部样式</li>
<li>print.css</li>
<li>ie.css</li>
</ol>
<p>我们可以看到，不同的有三个CSS文件。第一种分法是种不错的做法，但管理起来比较麻烦，虽然是&#8221;模块化&#8221; 了，把表现的内容的样式分开。但由于每个人都不可能百分百了解每个CSS文件里面的内容，所以，可能导致下面的问题：</p>
<h3>一、效率问题与最终目的</h3>
<p>在网站内容上面，如果改某一个区域的内容，可能要几个CSS都改。这样一来，本来简单的一个修改，开始变得复杂起来。并且，如果多个都改，可能会使我们忽略了某些东西，又需要进一步调试，这样不仅肯使最终目的实现延后，还是一个效率的问题。</p>
<h3>二、调用尽可能少的CSS文件</h3>
<p>大多楼情况下，一个网站都是分成头部，中部和底部，并且，一般，要做新的频道/页面之类的东西，都不会变动头部和底部，而只是变动中间部分。这样一 来，所有CSS文件都要调用，因为，HTML和CSS的模块化并不一致。这样，就会导致服务器承受更多的压力。这是一个方面。另一个方面是，如果新页面中 某些元素与其他页面有冲突，我们可能要搞一大堆关于优先性选择的代码，增加代码量。这些都不是我们想要的。这就为什么要把header.css和 footer.css分开来的原因。</p>
<h3>三、多人合作上的问题</h3>
<p>如果我们多个人在工作，大家的分工可能是，有人完成头部的导航，有人完成底部的搜索条，有人完成中部新页面的构建。这样一来，大家都同时在改几个文 件，并且，改的东西不同。如果要更新到服务器，就要先对比，再更新。（当然，现在有版本管理这样的软件。但是，同时工作的话，版本也是一个问题，要相信， 或许更新永远都改不上改变。）</p>
<h3>结语：</h3>
<p>当然，上面的分法，只是一个简单的模型。不同网站的架构，可能需要更细化的分法。这里需要提醒的一点是，模块化CSS，我们应该时刻明确，我们是为 了方便管理，方便修改，方便多人合作，而不是简单的分割。如果说有什么建议，我想，CSS的模块化，应该尽量与HTML的模块化相一致。这里的一致说的 是，无论是在文件的分割上，还是在CSS内容的分割上，与HTML的模块化一致。这将会更有利于我们的工作。</p>
<p>而你，又是怎么想的呢？</p>
<p>来源：<a href="http://www.joray.info/article/52">http://www.joray.info/article/52</a></p>
</div>
<h3  class="related_post_title"><span class='wp_keywordlink'><a href="http://www.cubiczd.com/" title="岁月无痕">岁月无痕</a></span>官方网站相关</h3><ul class="related_post"><li><a href="http://www.cubiczd.com/mba-wiki/420" title="博百优CSS：推荐几本CSS书籍">博百优CSS：推荐几本CSS书籍</a></li><li><a href="http://www.cubiczd.com/mba-wiki/411" title="博百优CSS：行框与清理">博百优CSS：行框与清理</a></li><li><a href="http://www.cubiczd.com/mba-wiki/390" title="博百优CSS:浮动定位模式">博百优CSS:浮动定位模式</a></li><li><a href="http://www.cubiczd.com/bobaiyou/373" title="博百优CSS：视觉格式化模型">博百优CSS：视觉格式化模型</a></li><li><a href="http://www.cubiczd.com/bobaiyou/361" title="博百优css:如何针对IE6,7,8实施CSS hack？">博百优css:如何针对IE6,7,8实施CSS hack？</a></li><li><a href="http://www.cubiczd.com/mba-wiki/344" title="博百优CSS：空白边叠加">博百优CSS：空白边叠加</a></li><li><a href="http://www.cubiczd.com/mba-wiki/338" title="博百优CSS：IE/Win和框模型">博百优CSS：IE/Win和框模型</a></li><li><a href="http://www.cubiczd.com/seosem/335" title="我为什么要去掉博百优css的网址输入框？">我为什么要去掉博百优css的网址输入框？</a></li><li><a href="http://www.cubiczd.com/bobaiyou/329" title="CSS基础3：框模型的概述">CSS基础3：框模型的概述</a></li><li><a href="http://www.cubiczd.com/mba-wiki/313" title="CSS基础2：DOCTYPE切换和浏览器模式">CSS基础2：DOCTYPE切换和浏览器模式</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.cubiczd.com/ui-design/168/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS网页布局困扰新手的八个问题</title>
		<link>http://www.cubiczd.com/ui-design/32</link>
		<comments>http://www.cubiczd.com/ui-design/32#comments</comments>
		<pubDate>Fri, 05 Feb 2010 01:56:23 +0000</pubDate>
		<dc:creator>岁月无痕</dc:creator>
				<category><![CDATA[博百优网赚系列]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[网页布局]]></category>

		<guid isPermaLink="false">http://www.cubiczd.com/?p=32</guid>
		<description><![CDATA[CSS网页布局，说难，其实很简单。说它容易，往往有很多问题困扰着新手，介绍了非常多的技巧，这些小技巧与知识能事半功倍的给大家以帮助。然而更多的时候，我们往往被一些小问题缠着不能轻松。今天向大家介绍八个技巧，这些技巧显得很有用。 一、若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用，请见 http://validator.w3.org 。请注意，在文件开头的错误，可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测，这样也许会让错误数量爆减。 二、使用浮动功能时记得适当清除指令 浮动是个危险的功能，未必会产生您所期望的结果。如果您遇到浮动元素延伸到外围容器的边框或者其他不正常情况，请先确定您的做法是正确的。 三、边界重合时利用padding或border来避免 您可能会为了一点不应该出现的空间而焦头烂额，或者您需要一点点空间时，怎样都挤不出来。如果您有用到margin，那么很容易产生边界的重合。 四、尝试避免同时对元素指定padding/border以及高度或宽度 Windows版IE经常导致width与height的计算问题。有些方法可以解决此问题，但如果母元素需要指定高度与宽度时，最好能够在母元素之内的子元素套用margin，或者当子元素需要指定高度与宽度时，在母元素套用padding以达效果。 五、不要依赖min-width/min-height Windows版IE并不支援两种语法。但是在某种程度下，windows版IE可以达到相当于min-width/min-height的效果，所以只要对IE做点过滤功能，即可达到您想要的结果。 六、若有疑问，先减少百分比 有时候某些错误会使50%+50%成为100.1%，使网页出现问题。这时请尝试将这些值改为49%，甚至49.9%。 七、记住“TRBL”写法 border，margin与padding的简写语法有特定顺序，从上方开始顺时针方向转动：top，right，bottom，left. 所以margin:0 1px 3px 5px;的结果是上方无边界，右边1像素，以此类推。记住“TRBL”，您就不会弄错次序了。 八、只要不是零的值，都要指定单位 这需要特别注意，很多新手朋友往往忽视这个问题。不止一只强调这个问题了。 由 abenon 撰写 　http://ued.stuin.com/wr/css-page-layout/ 岁月无痕官方网站相关博百优CSS：推荐几本CSS书籍博百优CSS：行框与清理博百优CSS:浮动定位模式博百优CSS：视觉格式化模型博百优css:如何针对IE6,7,8实施CSS hack？博百优CSS：空白边叠加博百优CSS：IE/Win和框模型我为什么要去掉博百优css的网址输入框？CSS基础3：框模型的概述CSS基础2：DOCTYPE切换和浏览器模式]]></description>
			<content:encoded><![CDATA[<p>CSS网页布局，说难，其实很简单。说它容易，往往有很多问题困扰着新手，介绍了非常多的技巧，这些小技巧与知识能事半功倍的给大家以帮助。然而更多的时候，我们往往被一些小问题缠着不能轻松。今天向大家介绍八个技巧，这些技巧显得很有用。</p>
<p><img src="http://image-001.yo2cdn.com/wp-content/uploads/293/29353/2009/03/20_useful_css_tips_for_beginners_004.png" alt="http://image-001.yo2cdn.com/wp-content/uploads/293/29353/2009/03/20_useful_css_tips_for_beginners_004.png" /></p>
<p><strong>一、若有疑问立即检测</strong></p>
<p>在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用，请见 http://validator.w3.org 。请注意，在文件开头的错误，可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测，这样也许会让错误数量爆减。</p>
<p><strong>二、使用浮动功能时记得适当清除指令</strong></p>
<p>浮动是个危险的功能，未必会产生您所期望的结果。如果您遇到浮动元素延伸到外围容器的边框或者其他不正常情况，请先确定您的做法是正确的。</p>
<p><strong>三、边界重合时利用padding或border来避免</strong></p>
<p>您可能会为了一点不应该出现的空间而焦头烂额，或者您需要一点点空间时，怎样都挤不出来。如果您有用到margin，那么很容易产生边界的重合。</p>
<p><strong>四、尝试避免同时对元素指定padding/border以及高度或宽度</strong></p>
<p>Windows版IE经常导致width与height的计算问题。有些方法可以解决此问题，但如果母元素需要指定高度与宽度时，最好能够在母元素之内的子元素套用margin，或者当子元素需要指定高度与宽度时，在母元素套用padding以达效果。</p>
<p><strong>五、不要依赖min-width/min-height</strong></p>
<p>Windows版IE并不支援两种语法。但是在某种程度下，windows版IE可以达到相当于min-width/min-height的效果，所以只要对IE做点过滤功能，即可达到您想要的结果。</p>
<p><strong>六、若有疑问，先减少百分比</strong></p>
<p>有时候某些错误会使50%+50%成为100.1%，使网页出现问题。这时请尝试将这些值改为49%，甚至49.9%。</p>
<p><strong>七、记住“TRBL”写法</strong></p>
<p>border，margin与padding的简写语法有特定顺序，从上方开始顺时针方向转动：top，right，bottom，left. 所以margin:0 1px 3px 5px;的结果是上方无边界，右边1像素，以此类推。记住“TRBL”，您就不会弄错次序了。</p>
<p><strong>八、只要不是零的值，都要指定单位</strong></p>
<p>这需要特别注意，很多新手朋友往往忽视这个问题。不止一只强调这个问题了。</p>
<p>由 <a title="查看 abenon 的所有日志" href="http://ued.stuin.com/author/admin/">abenon</a> 撰写 						　<a title="CSS网页布局困扰新手的八个问题" rel="bookmark" href="http://ued.stuin.com/wr/css-page-layout/">http://ued.stuin.com/wr/css-page-layout/</a></p>
<h3  class="related_post_title"><span class='wp_keywordlink'><a href="http://www.cubiczd.com/" title="岁月无痕">岁月无痕</a></span>官方网站相关</h3><ul class="related_post"><li><a href="http://www.cubiczd.com/mba-wiki/420" title="博百优CSS：推荐几本CSS书籍">博百优CSS：推荐几本CSS书籍</a></li><li><a href="http://www.cubiczd.com/mba-wiki/411" title="博百优CSS：行框与清理">博百优CSS：行框与清理</a></li><li><a href="http://www.cubiczd.com/mba-wiki/390" title="博百优CSS:浮动定位模式">博百优CSS:浮动定位模式</a></li><li><a href="http://www.cubiczd.com/bobaiyou/373" title="博百优CSS：视觉格式化模型">博百优CSS：视觉格式化模型</a></li><li><a href="http://www.cubiczd.com/bobaiyou/361" title="博百优css:如何针对IE6,7,8实施CSS hack？">博百优css:如何针对IE6,7,8实施CSS hack？</a></li><li><a href="http://www.cubiczd.com/mba-wiki/344" title="博百优CSS：空白边叠加">博百优CSS：空白边叠加</a></li><li><a href="http://www.cubiczd.com/mba-wiki/338" title="博百优CSS：IE/Win和框模型">博百优CSS：IE/Win和框模型</a></li><li><a href="http://www.cubiczd.com/seosem/335" title="我为什么要去掉博百优css的网址输入框？">我为什么要去掉博百优css的网址输入框？</a></li><li><a href="http://www.cubiczd.com/bobaiyou/329" title="CSS基础3：框模型的概述">CSS基础3：框模型的概述</a></li><li><a href="http://www.cubiczd.com/mba-wiki/313" title="CSS基础2：DOCTYPE切换和浏览器模式">CSS基础2：DOCTYPE切换和浏览器模式</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.cubiczd.com/ui-design/32/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>20个优秀网站助你征服CSS</title>
		<link>http://www.cubiczd.com/ui-design/17</link>
		<comments>http://www.cubiczd.com/ui-design/17#comments</comments>
		<pubDate>Wed, 03 Feb 2010 14:31:40 +0000</pubDate>
		<dc:creator>岁月无痕</dc:creator>
				<category><![CDATA[博百优网赚系列]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.cubiczd.com/?p=17</guid>
		<description><![CDATA[CSS其实是很容易学的，我现在还在看CSS的书，可惜太懒了，看了一个暑假一半都没看完。我一直相信好的东西自然会有人欣赏，比如：16个优秀网站教你网站设计。今天，推荐的是20个优秀的CSS网站，很有用的。 原文出自Jacob Gube之手。 1. A List Apart CSS Topics A List Apart是一个CSS优秀文章的收集网站，从1999年开始收集文章，关注最佳网页设计。 2. CSS Help Pile CSS Help Pile重点关于CSS资源，技巧与手法。该网站授予良好的网页组及优秀的资源，适用于各个水平的开发人员，分类包括：初学者，浏览器解析的错误，简评CSS的书籍。 3. CSS Basics CSS Basics可以当成一书来看，用了18个章节来传授基本的CSS概念，对初学者相当有帮助。还有就是所有18个章节，提供打印或PDF格式下载。 4. Holy CSS Zeldman! Holy CSS Zeldman是关于基于标准的CSS教程、工具、布局相关链接的收集。 5. Eric Meyer: CSS 这里主要是收集Eric Meyer (著名的开发者)的作品，在css/edge和CSS reference等页面可以找到一些相关的资源。 6. &#8230; <a href="http://www.cubiczd.com/ui-design/17">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div id="news_body">
<p>CSS其实是很容易学的，我现在还在看CSS的书，可惜太懒了，看了一个暑假一半都没看完。我一直相信好的东西自然会有人欣赏，比如：<a title="Permanent Link to 16个优秀网站教你网站设计" rel="bookmark" href="http://www.jianbitou.com/post/16_sites_web_design_inspiratio.html">16个优秀网站教你网站设计</a>。今天，推荐的是<a href="http://www.jianbitou.com/post/20_websites-learn-master-css.html">20个优秀的CSS网站</a>，很有用的。</p>
<p><strong>原文出自</strong><a href="http://sixrevisions.com/css/20_websites_learn_master_css/"><span style="text-decoration: underline;"><strong>Jacob Gube</strong></span></a><strong>之手。</strong></p>
<h3>1. <a href="http://www.alistapart.com/topics/code/css/">A List  Apart CSS Topics</a></h3>
<p><img src="http://lh4.ggpht.com/Sonny.zhang87/SLozpzDGWNI/AAAAAAAABmo/fRLQoOs-ETI/s800/1.png" alt="" /></p>
<p>A List Apart是一个CSS优秀文章的收集网站，从1999年开始收集文章，关注最佳网页设计。</p>
<h3>2. <a href="http://artypapers.com/csshelppile/category.php?11">CSS  Help Pile</a></h3>
<p><a href="http://www.jianbitou.com/post/20_websites-learn-master-css.html"><img src="http://lh4.ggpht.com/Sonny.zhang87/SLozqNHRQ4I/AAAAAAAABmw/wWW9Tsf84tI/s800/2.png" alt="" /></a></p>
<p>CSS Help Pile重点关于CSS资源，技巧与手法。该网站授予良好的网页组及优秀的资源，适用于各个水平的开发人员，分类包括：<a href="http://artypapers.com/csshelppile/category.php?8">初学者</a>，<a href="http://artypapers.com/csshelppile/category.php?2">浏览器解析的错误</a>，<a href="http://artypapers.com/csshelppile/category.php?11">简评CSS的书籍</a>。</p>
<h3>3. <a href="http://www.cssbasics.com/">CSS Basics</a></h3>
<p><img src="http://lh6.ggpht.com/Sonny.zhang87/SLozqEGvcNI/AAAAAAAABm4/OY3Cq33yjbU/s800/3.png" alt="" /></p>
<p>CSS Basics可以当成一书来看，用了18个章节来传授基本的CSS概念，对初学者相当有帮助。还有就是所有18个章节，提供打印或<a href="http://www.cssbasics.com/full.pdf">PDF格式下载</a>。</p>
<h3>4. <a href="http://dezwozhere.com/links.html">Holy CSS Zeldman!</a></h3>
<p><a href="http://www.jianbitou.com/post/20_websites-learn-master-css.html"><img src="http://lh3.ggpht.com/Sonny.zhang87/SLozqcIvv3I/AAAAAAAABnA/AJZKtpx_JZw/s800/4.jpg" alt="" /></a></p>
<p>Holy CSS Zeldman是关于基于标准的CSS教程、工具、布局相关链接的收集。</p>
<h3>5. <a href="http://meyerweb.com/eric/css/">Eric Meyer: CSS</a></h3>
<p><img src="http://lh4.ggpht.com/Sonny.zhang87/SLozqUOY8HI/AAAAAAAABnI/n8QGwbJ4Wd4/s800/5.jpg" alt="" /></p>
<p>这里主要是收集Eric Meyer (著名的开发者)的作品，在<a href="http://meyerweb.com/eric/css/edge/">css/edge</a>和<a href="http://meyerweb.com/eric/css/references/index.html">CSS reference</a>等页面可以找到一些相关的资源。</p>
<h3>6. <a href="http://www.456bereastreet.com/archive/categories/css/">456 Berea Street –  CSS category</a></h3>
<p><a href="http://www.jianbitou.com/post/20_websites-learn-master-css.html"><img src="http://lh4.ggpht.com/Sonny.zhang87/SLozxplvz0I/AAAAAAAABnQ/ajFZjIfUR1s/s800/6.jpg" alt="" /></a></p>
<p><a title="456 Berea Street - About" href="http://www.456bereastreet.com/about/">456  Berea Street</a>下有一个CSS分类，里面有超过300篇文章，这些文章有教<a href="http://www.456bereastreet.com/archive/200712/choose_an_accessible_image_replacement_method/">如果放置图片</a>，有些是说<a href="http://www.456bereastreet.com/archive/200705/creating_bulletproof_graphic_link_buttons_with_css/">CSS技巧</a>。</p>
<h3>7. <a href="http://www.positioniseverything.net/">/* Position  Is Everything */</a></h3>
<p><img src="http://lh4.ggpht.com/Sonny.zhang87/SLozxpx3TtI/AAAAAAAABnY/rC6XuOn4j1Y/s800/7.jpg" alt="" /></p>
<p>这里只要关注的是如何摆脱浏览器显示的错误。</p>
<h3>8. <a href="http://www.htmldog.com/">HTML Dog CSS Tutorials</a></h3>
<p><img src="http://lh3.ggpht.com/Sonny.zhang87/SLozxuIKSeI/AAAAAAAABng/No28GkN9GK4/s800/8.png" alt="" /></p>
<p>HTML Dog致力于教授最佳的XHTML与CSS布局，分为<a href="http://www.htmldog.com/guides/cssbeginner/">初级</a>，<a href="http://www.htmldog.com/guides/cssintermediate/">中级</a>，<a href="http://www.htmldog.com/guides/cssadvanced/">高级</a>三个级别。</p>
<h3>9. <a href="http://www.barelyfitz.com/screencast/html-training/css/positioning/">Learn  CSS Positioning in Ten Steps</a></h3>
<p><a href="http://www.jianbitou.com/post/20_websites-learn-master-css.html"><img src="http://lh5.ggpht.com/Sonny.zhang87/SLozxoN8O4I/AAAAAAAABno/W6JnD1xtIU0/s800/9.png" alt="" /></a></p>
<p>如果使用CSS定位是一个棘手的问题，这里有10步，看能不能帮你解决。</p>
<h3>10. <a href="http://www.andybudd.com/links/cssweb_standards/index.php">Andy Budd  CSS/Web Standards Links</a></h3>
<p><img src="http://lh5.ggpht.com/Sonny.zhang87/SLozxrAY1nI/AAAAAAAABnw/ffJRIbnab3k/s800/10.jpg" alt="" /></p>
<p>Andy Budd有着一系列CSS/<span class='wp_keywordlink'><a href="http://www.cubiczd.com/wiki/141" title="web标准">web标准</a></span>的有用链接，以帮助你找到有用的资料。</p>
<h3>11.<a href="http://www.w3schools.com/css/default.asp"> W3CSchools  CSS Tutorial</a></h3>
<p><img src="http://lh4.ggpht.com/Sonny.zhang87/SLoz8Mk1BFI/AAAAAAAABn4/l5MT0U8_Fxs/s800/11.png" alt="" /></p>
<p>W3CSchools有一个CSS部分，内容涵盖了初级到高级的CSS主题。</p>
<h3>12.<a href="http://csszengarden.com/"> css Zen Garden</a></h3>
<p><a href="http://www.jianbitou.com/post/20_websites-learn-master-css.html"><img src="http://lh6.ggpht.com/Sonny.zhang87/SLoz8F_7GWI/AAAAAAAABoA/IBTMW8QCiGc/s800/12.jpg" alt="" /></a></p>
<p><span class='wp_keywordlink'><a href="http://www.cubiczd.com/tag/css" title="css">css</a></span> Zen   Garden给我们展示了CSS是怎样工作的，使用相同的HTML文件，设计师提交的外部样式来美化这个文件。用<a href="http://chrispederick.com/work/web-developer/">Web Developer Tool</a>就可以检查CSS是如何进行布局工作的。这个网站在<a title="Permanent Link to 7个最好的网上CSS资源" rel="bookmark" href="http://www.jianbitou.com/post/7cssresources.html">7个最好的网上CSS资源</a>里也有介绍。</p>
<h3>13. <a title="css.maxdesign.com.au - CSS resources and tutorials for web designers and web developers" href="http://css.maxdesign.com.au/">CSS  at MaxDesign</a></h3>
<p><img src="http://lh4.ggpht.com/Sonny.zhang87/SLoz8ePUmwI/AAAAAAAABoI/fKJ9Cnia84A/s800/13.png" alt="" /></p>
<p>MaxDesign拥有Russ Weakley的一套CSS精彩教程，在<a href="http://css.maxdesign.com.au/listamatic/">Listmatic</a>里，教你使用<a href="http://www.jianbitou.com/post/tag/css">CSS</a>格式化列表，在<a href="http://css.maxdesign.com.au/floatutorial/">Floatutorial</a>里，介绍floating元素的知识。</p>
<h3>14.<a title="http://www.csseasy.com/" href="http://www.csseasy.com/"> CSSeasy.com</a></h3>
<p><a href="http://www.jianbitou.com/"><img src="http://lh3.ggpht.com/Sonny.zhang87/SLoz8Ui3vxI/AAAAAAAABoQ/N29Rw-s7wyo/s800/14.png" alt="" /></a></p>
<p>CSSEasy.com拥有丰富的经验及创意分享，让我们更好地了解CSS。</p>
<h3>15. <a href="http://www.css-discuss.org/">CSS-Discuss</a></h3>
<p><img src="http://lh4.ggpht.com/Sonny.zhang87/SLoz8sGvDiI/AAAAAAAABoY/sWrqpvmMNdE/s800/15.png" alt="" /></p>
<p>CSS-Discuss是一个CSS爱好者社区，而 <a href="http://css-discuss.incutio.com/">CSS-Discuss Wiki</a>是关于CSS的应用收集。</p>
<h3>16.<a href="http://webdesignfromscratch.com/css.cfm"> Web Design  from Scratch: CSS</a></h3>
<p><a href="http://www.jianbitou.com/"><img src="http://lh6.ggpht.com/Sonny.zhang87/SLo0BytcFNI/AAAAAAAABog/Qis-pt1xfgg/s800/16.png" alt="" /></a></p>
<p><a title="Web Design from Scratch - home page." href="http://webdesignfromscratch.com/">Web Design from Scratch</a>有一章节是关于CSS的，涵盖了CSS的基本概念。 其中的<a href="http://webdesignfromscratch.com/introduction-to-css.cfm">Introduction to  CSS</a>对初学者很有帮助。</p>
<h3>17.<a href="http://css-tricks.com/">CSS-Tricks</a></h3>
<p><img src="http://lh6.ggpht.com/Sonny.zhang87/SLo0B3vweTI/AAAAAAAABoo/KZwEeNIcdJA/s800/17.jpg" alt="" /></p>
<p>CSS-Tricks是一个专注CSS的博客。</p>
<h3>18.<a href="http://delicious.com/tag/css">CSS on Delicious</a></h3>
<p><a href="http://www.jianbitou.com/"><img src="http://lh5.ggpht.com/Sonny.zhang87/SLo0B43TYuI/AAAAAAAABow/_1F--V5CMSM/s800/18.png" alt="" /></a></p>
<p>The CSS tag on Delicious是关于优秀CSS设计的链接收集，亮点就是让我们知道哪些好东西在被人看。</p>
<h3>19. <a href="http://reference.sitepoint.com/css">SitePoint CSS  Reference</a></h3>
<p><a href="http://www.jianbitou.com/"><img src="http://lh3.ggpht.com/Sonny.zhang87/SLo0CBQkx6I/AAAAAAAABo4/Gcglv3lxmYE/s800/19.png" alt="" /></a></p>
<p>SitePoint有一个CSS部分，专门讨论入门水平的CSS主题。</p>
<h3>20. <a href="http://cssdog.com/index.html">CSSDog</a></h3>
<p><img src="http://lh3.ggpht.com/Sonny.zhang87/SLo0CP4IxKI/AAAAAAAABpA/h-iU3utt-LU/s800/20.png" alt="" /></p>
<p>CSSDog有一部分为<a href="http://cssdog.com/css_intro.html">初学者</a>与<a href="http://cssdog.com/css_visibility.html">高级开发者设计</a>的，其中的开发经验及参考，个人认为是最有价值的部分。</p>
<p>来源：<a href="http://news.cnblogs.com/n/41975/">http://news.cnblogs.com/n/41975/</a></p>
</div>
<h3  class="related_post_title"><span class='wp_keywordlink'><a href="http://www.cubiczd.com/" title="岁月无痕">岁月无痕</a></span>官方网站相关</h3><ul class="related_post"><li><a href="http://www.cubiczd.com/mba-wiki/420" title="博百优CSS：推荐几本CSS书籍">博百优CSS：推荐几本CSS书籍</a></li><li><a href="http://www.cubiczd.com/mba-wiki/411" title="博百优CSS：行框与清理">博百优CSS：行框与清理</a></li><li><a href="http://www.cubiczd.com/mba-wiki/390" title="博百优CSS:浮动定位模式">博百优CSS:浮动定位模式</a></li><li><a href="http://www.cubiczd.com/bobaiyou/373" title="博百优CSS：视觉格式化模型">博百优CSS：视觉格式化模型</a></li><li><a href="http://www.cubiczd.com/bobaiyou/361" title="博百优css:如何针对IE6,7,8实施CSS hack？">博百优css:如何针对IE6,7,8实施CSS hack？</a></li><li><a href="http://www.cubiczd.com/mba-wiki/344" title="博百优CSS：空白边叠加">博百优CSS：空白边叠加</a></li><li><a href="http://www.cubiczd.com/mba-wiki/338" title="博百优CSS：IE/Win和框模型">博百优CSS：IE/Win和框模型</a></li><li><a href="http://www.cubiczd.com/seosem/335" title="我为什么要去掉博百优css的网址输入框？">我为什么要去掉博百优css的网址输入框？</a></li><li><a href="http://www.cubiczd.com/bobaiyou/329" title="CSS基础3：框模型的概述">CSS基础3：框模型的概述</a></li><li><a href="http://www.cubiczd.com/mba-wiki/313" title="CSS基础2：DOCTYPE切换和浏览器模式">CSS基础2：DOCTYPE切换和浏览器模式</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.cubiczd.com/ui-design/17/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
