<?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>Seven Two Blog &#187; CSS</title>
	<atom:link href="http://www.seven2.com.cn/archives/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.seven2.com.cn</link>
	<description></description>
	<lastBuildDate>Fri, 02 Dec 2011 13:47:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>HTML5 和 CSS3工具资源汇总</title>
		<link>http://www.seven2.com.cn/archives/774/</link>
		<comments>http://www.seven2.com.cn/archives/774/#comments</comments>
		<pubDate>Sat, 03 Jul 2010 06:18:24 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML 5]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=774</guid>
		<description><![CDATA[HTML5和CSS3已经开始彻底变革全世界的Web前端开发和Web设计发展格局，因为他们给这个领域带来了太多太多令人惊奇的新特性!我用大量时间学习了HTML5和CSS3技术，它们的动画、圆角等特效会令你震惊…在后面的内容中彬Go将向大家推荐一些能帮助你更好的掌握甚至精通HTML5和CSS3的终极工具资源集合。虽然还有很多特性不被浏览器所支持，但我们作为前端开发从业者，有必要掌握它们。彬Go希望这些HTML5和CSS3工具资源能对大家的学习和工作有所帮助。 HTML5 &#38; CSS3 准备就绪 该网站通过扇形图表的形式展现了从08年到10年以来各大浏览器对HTML5和CSS3的支持情况。发展势头还是很可观的。 HTML5安全手册 CSS3按钮生成器 所见即所得的为你生成CSS3按钮，你仅需通过基本的鼠标点击便可生成令人满意的CSS3按钮，点击生成好的按钮即可查看相应的CSS3代码。 When can I use…（HTML5 &#38; CSS3 浏览器兼容性） 很详细的关于HTML5, CSS3, SVG等技术的浏览器兼容性列表。 CSS3颜色值/名称速查手册 CSS3颜色值查询手册，包括颜色英文名、16进制值、rgb百分比、rgb整数值、颜色缩写和颜色效果等… CSS3生成器 在线测试CSS3新特性，即时生成效果。 Modernizr 当前浏览器对HTML5支持情况测试 该工具可以帮助你测试当前你使用的浏览器对HTML5的兼容情况，很详细，很有用! CSS 边框半径(代码生成器) 通过输入数值即可生成CSS3代码的CSS 边框代码生成器。使用很简便。 FindMeByIP（HTML5 &#38; CSS3 浏览器兼容性手册） 很详细的HTML5和CSS3浏览器兼容性手册。 CSS3渐变生成器 CSS3 Watch 前端开发工具&#38;资源小集合 CSS3, please!(实时体验CSS3代码) font dragr CSS3生成器 CSS桌面 CSS桌面可以让你在线练习CSS3代码，并实时将渲染效果呈现在右侧，很棒的CSS3在线练习工具。 HTML5修订版本跟踪器 font-face 生成器 CSS3 选择器测试工具 IE 打印保险器 详细CSS 浏览器支持情况列表]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/774/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS 在编写时要注意的15个问题</title>
		<link>http://www.seven2.com.cn/archives/554/</link>
		<comments>http://www.seven2.com.cn/archives/554/#comments</comments>
		<pubDate>Wed, 25 Feb 2009 12:29:54 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=554</guid>
		<description><![CDATA[前段时间在某网站（由于忘了在哪个网站看的才称某网站）看到这篇文章感觉很不错就COPY下来的，自己学DIV+CSS只是为了WEB标准化,让更多浏览器都可以正常浏览自己的作品。但以下15条自己也很少注意的!但是在做SEO优化其实最重要的还是用户体验，用户体验怎么能体现呢?其实就是前端设计要做好!让人看起来很舒服!而不是那么蹩脚!好了废话不说，咱们来看看下的内容吧。 1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，现在才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40000 次，占用资源。 2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个（也有很多大部都在用的，嘻嘻）。 border:0; 只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资源。 3、慎用 * 通配符。所谓通配符，就是将 CSS 中的所有标签均初始化，不管用的不用的，过时的先进的，一视同仁，这样，大大的占用资源。要有选择的初始化标签。 4、CSS 的十六进制颜色代码缩写。我一直都习惯了缩写及小写，现在才知道，原来不是推荐的写法，为的是减少解析所占用的资源。但同时会增加文件体积。孰优孰劣，有待仔细考证。 5、样式放头上，脚本放脚下。不内嵌，只外链。 6、坚决不用 CSS 表达式。 7、使用引用样式表，而不是通过 @import 导入。 8、一般来说，PNG 比 GIF 要小，小得多。再者，GIF 中有多少颜色是被浪费的，很值得优化。 9、千万不要在 HTML 中缩放图片，一者不好看，二者占资源。 10、正文字体最好用偶数，12px、14px、16px，效果非常好。特例，15px。 11、block、ul、ol 等上下留出至少一倍行距，左侧至少两倍行距，右侧随意。 12、段落之间，至少要有一倍行距。 13、强行指定某些元素的 line-height，正文 1.6 倍于文字大小，标题 1.3 倍。 14、中文标点用全角。英文夹杂在中文中，左右空格，半角。 15、中文字体的粗体和斜体，远离较好，利民利己。 嘻嘻，如果还有哪些问题没有说到，麻烦你补上啦。]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/554/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

