<?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>{E.S.B} &#187; css</title>
	<atom:link href="http://www.esvista.net/tag/css/feed" rel="self" type="application/rss+xml" />
	<link>http://www.esvista.net</link>
	<description>用心 聆听 凡者的歌......</description>
	<lastBuildDate>Mon, 20 Dec 2010 14:47:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>一些CSS小知识</title>
		<link>http://www.esvista.net/journal/css-zhishi.html</link>
		<comments>http://www.esvista.net/journal/css-zhishi.html#comments</comments>
		<pubDate>Sat, 13 Jun 2009 16:12:27 +0000</pubDate>
		<dc:creator>dally</dc:creator>
				<category><![CDATA[Journal]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.esvista.net/?p=299</guid>
		<description><![CDATA[晚上无意中在网上发现的内容，很有用。算是自己的备份吧。 CSS 的十六进制颜色代码缩写。习惯了缩写及小写，这才知道，原来不是推荐的写法，为的是减少解析所占用的资源。但同时会增加... ]]></description>
			<content:encoded><![CDATA[<p>晚上无意中在网上发现的内容，很有用。算是自己的备份吧。</p>
<p>CSS 的十六进制颜色代码缩写。习惯了缩写及小写，这才知道，原来不是推荐的写法，为的是减少解析所占用的资源。但同时会增加文件体积。孰优孰劣，有待仔细考证。 </p>
<p>无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资源。<br />
<span id="more-299"></span><br />
不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。 </p>
<p>慎用 * 通配符。所谓通配符，就是将 CSS 中的所有标签均初始化，不管用的不用的，过时的先进的，一视同仁，这样，大大的占用资源。要有选择的初始化标签。 </p>
<p>样式放头上，脚本放脚下。不内嵌，只外链。 </p>
<p>坚决不用 CSS 表达式。 </p>
<p>使用 引用样式表，而不是通过 @import 导入。</p>
<p>一般来说，PNG 比 GIF 要小，小得多。再者，GIF 中有多少颜色是被浪费的，很值得优化。 </p>
<p>千万不要在 HTML 中缩放图片，一者不好看，二者占资源。</p>
<p>正文字体最好用偶数，12px、14px、16px，效果非常好。特例，15px。 </p>
<p>block、ul、ol 等上下留出至少一倍行距，左侧至少两倍行距，右侧随意。</p>
<p>段落之间，至少要有一倍行距。</p>
<p>强行指定某些元素的 line-height，正文 1.6 倍于文字大小，标题 1.3 倍。 </p>
<p>中文标点用全角。英文夹杂在中文中，左右空格，半角。</p>
<p>中文字体的粗体和斜体，远离较好，利民利己。 </p>
]]></content:encoded>
			<wfw:commentRss>http://www.esvista.net/journal/css-zhishi.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>三个国内CSS酷站欣赏网站</title>
		<link>http://www.esvista.net/website/%e4%b8%89%e4%b8%aa%e5%9b%bd%e5%86%85css%e9%85%b7%e7%ab%99%e6%ac%a3%e8%b5%8f%e7%bd%91%e7%ab%99.html</link>
		<comments>http://www.esvista.net/website/%e4%b8%89%e4%b8%aa%e5%9b%bd%e5%86%85css%e9%85%b7%e7%ab%99%e6%ac%a3%e8%b5%8f%e7%bd%91%e7%ab%99.html#comments</comments>
		<pubDate>Thu, 22 Nov 2007 14:42:54 +0000</pubDate>
		<dc:creator>dally</dc:creator>
				<category><![CDATA[WebSite]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[酷站]]></category>

		<guid isPermaLink="false">http://www.esvista.net/blog/website/%e4%b8%89%e4%b8%aa%e5%9b%bd%e5%86%85css%e9%85%b7%e7%ab%99%e6%ac%a3%e8%b5%8f%e7%bd%91%e7%ab%99.html</guid>
		<description><![CDATA[http://www.feedsky.com/challenge/art/2029/feedsky/dally/~/gtsp/zt1/0b32e/lnk.html 这三个CSS酷站欣赏网站都是由国人建立的， http://www.csscoosite.com： csscoosite使用的是WP的程序，的界面设计和改版前的cssremix除了用... ]]></description>
			<content:encoded><![CDATA[<p><img width="396" src="http://www.feedsky.com/challenge/art/2029/feedsky/dally/~/gtsp/zt1/0b32e/pic.jpg" height="15" style="width: 396px; height: 15px" /></p>
<p>http://www.feedsky.com/challenge/art/2029/feedsky/dally/~/gtsp/zt1/0b32e/lnk.html</p>
<p>这三个CSS酷站欣赏网站都是由国人建立的，<br />
<a href="http://www.csscoosite.com">http://www.csscoosite.com</a>：<br />
csscoosite使用的是WP的程序，的界面设计和改版前的<a href="http://www.cssremix.com/">cssremix</a>除了用色不一样外其他的都一样（不支持这样的做法）。csscoosite收集展示的网站数目不是特别的多，网站打开的速度也较慢，可能是使用国外的空间吧。</p>
<p><a href="http://www.csscool.cn">csscool</a>：<br />
发现csscool的网站域名还是不错的，csscool使用的是Z-BLOG程序构建，相对来说用z-blog建酷站欣赏网站的见的少，主题设计使用的不错，让人看着很舒服。网站收集的酷站非常的多，更新的不是及时但比较频繁。但是遗憾的是没有对收集的网站进行分类，让人欣赏的时候有些麻烦。网站还附带一些其他的内容：一些和CSS有关的学习资料和css-templates资源的下载。</p>
<p><a href="http://cssrss.com">cssrss</a>：<br />
cssrss使用的也是WP程序，主题界面非常的舒服，收录的酷站数目比不上csscool网站的数目。cssrss对收录酷站按界面颜色进行了分类，比较发表浏览。cssrss网站上还有一些网络上比较知名的CSS酷站欣赏网站及几个比较有用网站的链接，这些链接还是比较有用的。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.esvista.net/website/%e4%b8%89%e4%b8%aa%e5%9b%bd%e5%86%85css%e9%85%b7%e7%ab%99%e6%ac%a3%e8%b5%8f%e7%bd%91%e7%ab%99.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>开设新的栏目：WebSite</title>
		<link>http://www.esvista.net/diary/web-site.html</link>
		<comments>http://www.esvista.net/diary/web-site.html#comments</comments>
		<pubDate>Fri, 14 Sep 2007 06:50:48 +0000</pubDate>
		<dc:creator>dally</dc:creator>
				<category><![CDATA[Diary]]></category>
		<category><![CDATA[WebSite]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[gallery]]></category>

		<guid isPermaLink="false">http://www.esvista.net/blog/diary/%e5%bc%80%e8%ae%be%e6%96%b0%e7%9a%84%e6%a0%8f%e7%9b%ae%ef%bc%9awebsite.html</guid>
		<description><![CDATA[非常喜欢nicky的CSS酷站栏目，自己也很喜欢浏览收藏一些有用的和精美的网站。就在这里做一个收集吧。栏目名称就叫WEBsite，希望能受欢迎。 链接到该栏... ]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.esvista.net/blog/wp-content/uploads/2007/09/ws.jpg" alt="ws.jpg" /><br />
非常喜欢<a href="http://www.osxcn.com/css">nicky的CSS酷站栏目</a>，自己也很喜欢浏览收藏一些有用的和精美的网站。就在这里做一个收集吧。栏目名称就叫WEBsite，希望能受欢迎。<br />
<a href="http://www.esvista.net/blog/website">链接到该栏目</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.esvista.net/diary/web-site.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

