<?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>上海SEO &#187; css hack</title>
	<atom:link href="http://www.seoweb-sh.com/tag/css-hack/feed" rel="self" type="application/rss+xml" />
	<link>http://www.seoweb-sh.com</link>
	<description>上海SEO顾问专业服务团队,为上海地区公司与企业网站提供优质全方位的网站优化,SEO顾问,SEO培训服务,上海SEO咨询电话:18616593992</description>
	<lastBuildDate>Wed, 21 Dec 2011 08:50:25 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>CSS hack</title>
		<link>http://www.seoweb-sh.com/898.html</link>
		<comments>http://www.seoweb-sh.com/898.html#comments</comments>
		<pubDate>Mon, 03 Aug 2009 07:45:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV/CSS]]></category>
		<category><![CDATA[css hack]]></category>

		<guid isPermaLink="false">http://www.seoweb-sh.com/898.html</guid>
		<description><![CDATA[提出了“css hack 用CSS条件注释实现”观点。我们一并看看他的感受。开始我写的DIV结构，CSS代码，感觉还很流畅，很清晰，注释说明也写得很详细。对着Firefox三张页面的初稿完成，我发现CSS文件才7KB，自己明显地进步了不少。然后我开始在IE7 IE6下作兼容性调试，那个痛苦哇！页面没有大的差错，不外乎就是页面因为宽度问题，被挤扁了，但是小小的问题，一修正起来，要写一大段代码，有些还得修改DIV结构。靠！折腾了一天，CSS文件臃肿到了17KB。IE真不是人造的。
我这次做浏览器兼容性调试不再是使用我上次介绍的CSS HACK技术，而是新学了一招：CSS条件注释。我看到不少博客都在力荐这个方式，所以试水一下。
 
 
说明：以上例子中，第一条是给FF看的，下面的if IE 6 if IE 7判断语句是个IE6 IE7看的。这个顺序不能随便换，因为浏览器也是从上至下解释的，后面的效果覆盖前面的。然后再在IE6 IE7单独的样式文件中针对性地写代码。
　　实际上，CSS条件注释和CSS hack本质上一样，只是表现形式不同而已。条件注释把HACK代码写在了独立的CSS文件中而已。这样的优点是：CSS代码可读性强些了，更加清晰了，没有杂乱的HACK符号。缺点是：在IE6 7 单独的CSS文件中写的语句，支离破碎，以后要想修改，维护起来特别麻烦。如果你的ID CLASS命名比较规范，比较语义化，那还好点。
　　总结：如果你的XHTML页面体积小，就用一般的CSS HACK方法，直接写在一个样式文件里吧。页面大了再考虑CSS条件注释。
Unique Post]]></description>
			<content:encoded><![CDATA[<p>提出了“<span class='wp_keywordlink'><a href="http://www.seoweb-sh.com/tag/css" title="css">css</a></span> hack 用CSS条件注释实现”观点。我们一并看看他的感受。开始我写的DIV结构，CSS代码，感觉还很流畅，很清晰，注释说明也写得很详细。对着Firefox三张页面的初稿完成，我发现CSS文件才7KB，自己明显地进步了不少。然后我开始在IE7 IE6下作兼容性调试，那个痛苦哇！页面没有大的差错，不外乎就是页面因为宽度问题，被挤扁了，但是小小的问题，一修正起来，要写一大段代码，有些还得修改DIV结构。靠！折腾了一天，CSS文件臃肿到了17KB。IE真不是人造的。<span id="more-898"></span><br />
我这次做浏览器兼容性调试不再是使用我上次介绍的CSS HACK技术，而是新学了一招：CSS条件注释。我看到不少博客都在力荐这个方式，所以试水一下。</p>
<p> </p>
<p> </p>
<p>说明：以上例子中，第一条是给FF看的，下面的if IE 6 if IE 7判断语句是个IE6 IE7看的。这个顺序不能随便换，因为浏览器也是从上至下解释的，后面的效果覆盖前面的。然后再在IE6 IE7单独的样式文件中针对性地写代码。<br />
　　实际上，CSS条件注释和CSS hack本质上一样，只是表现形式不同而已。条件注释把HACK代码写在了独立的CSS文件中而已。这样的优点是：CSS代码可读性强些了，更加清晰了，没有杂乱的HACK符号。缺点是：在IE6 7 单独的CSS文件中写的语句，支离破碎，以后要想修改，维护起来特别麻烦。如果你的ID CLASS命名比较规范，比较语义化，那还好点。<br />
　　总结：如果你的XHTML页面体积小，就用一般的CSS HACK方法，直接写在一个样式文件里吧。页面大了再考虑CSS条件注释。</p>
<div class="similarity"><ul><li>Unique Post</li></ul></div><!-- Cat -->]]></content:encoded>
			<wfw:commentRss>http://www.seoweb-sh.com/898.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

