<?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/tag/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.2.1</generator>
		<item>
		<title>常用前端的调试工具</title>
		<link>http://www.seven2.com.cn/archives/772/</link>
		<comments>http://www.seven2.com.cn/archives/772/#comments</comments>
		<pubDate>Mon, 21 Jun 2010 13:35:06 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[W3c]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=772</guid>
		<description><![CDATA[FireFox 的插件 ColorZilla 利用 ColorZilla 您可以从浏览器中的任一点读取色彩值，快速调节颜色并粘贴到其他应用程序。您可以缩放正在查看的页面或测量页面任意两点之间的距离。内建的调色板浏览器允许您从预定义的颜色集中选择颜色或将最常用颜色保存到自定义调色板。DOM 侦测功能让您可以快速、容易地获得关于 DOM 元素的各种信息。还有更多功能…… Web Developer Web Developer 作为 FireFox 的插件存在，主要功能表现在几个重要的方面： 对页面中的文本、图像、媒体文件进行控制，对网页所应用的CSS文件的id与class辅助查看，表格辅助查看，可以实现修改 CSS文件实时显示出得到的页面效果等等。 Web Developer 插件能够帮助我们对 CSS 网站进行分析，我们使用 FireFox 对网页进行浏览，运用 Web Developer 插件不仅仅只是能看到对方的源代码，还能方便的分析出页面的布局结构，CSS 书写方式，鼠标所在位置的id或class是什么等等，使 我们能迅速的理解、学习别人的成功经验，进而更加方便快捷的掌握 CSS 布局技术。 Firebug Firebug 和 firefox 整合在一起，使你浏览网页时手边有了一套强大的网页开发工具。你可以编辑、调试和监控任何网页上的 CSS、HTML 和  Javascript 。要查阅文档、截图和论坛请访问Firebug的网站：http://www.getfirebug.com YSlow YSlow 是 Yahoo 美国开发的一个页面评分插件，基于 Firebug,  非常的棒，从中我们可以看出我们页面上的很多不足，并且可以知道我们改怎么却改进和优化。YSlow 从 Firebug 收集当前网页和该网页的访问信息后进行分析，如有必要则给出如何提高页面加载速度的建议，比如减少 DNS 查询，使用外部并压缩 Javascript 等。 Page [...]]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/772/feed/</wfw:commentRss>
		<slash:comments>1</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>
		<item>
		<title>Div+CSS网页布局对SEO的四大影响</title>
		<link>http://www.seven2.com.cn/archives/215/</link>
		<comments>http://www.seven2.com.cn/archives/215/#comments</comments>
		<pubDate>Sat, 15 Nov 2008 11:34:40 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[DIV]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=215</guid>
		<description><![CDATA[作为一个CSSer，需要懂得的知识是比较多的，前面有UE设置，后面有程序，而在开发的同时，需要考虑到网站优化，包括用户体验和SEO等等。今天就SEO与DIVCSS布局的关系。首先了解一下，什么是SEO。 SEO主要就是通过对网站的结构，标签，排版等各方面的优化，使Google等搜索引擎更容易搜索网站的内容，并且让网站的各个网页在GOOGLE等搜索引擎中获得较高的评分，从而获得较好的排名。 一、代码精简 使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点：一是提高蜘蛛爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处;二是由于能高效的爬行，就会受到蜘蛛喜欢，这样对收录数量有一定好处。 二、表格的嵌套问题 很多网站如何推广的文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎官方的证实。我的几项实验结果没有完全出来，但根据目前掌握的情况来看，蜘蛛爬行Table布局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。从而减小了搜索效率。 使用Table布局，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，蜘蛛爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。 而DIV+CSS布局基本上不会存在这样的问题，从技术角度来说，XHTML在控制样式时也不需要过多的嵌套。 这虽然没有得到确认，但还是建议使用Table布局的朋友们，在设计时尽可能的不要使用多层表格嵌套，SEOer们在文章中说明了这一点，相信他们也不是没有依据的。 三、速度问题 DIV+CSS布局较Table布局减少了页面代码，加载速度得到很大的提高，这在蜘蛛爬行时是非常有利的。过多的页面代码可能造成爬行超时，蜘蛛就会认为这个页面无法访问，影响收录及权重。 另一方面，真正的SEOer不只是为了追求收录、排名，快速的响应速度是提高用户体验度的基础，这对整个搜索引擎优化及营销都是非常有利的。 四、对排名的影响 基于XTHML标准的DIV+CSS布局，一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面，但事实证明使用XTHML架构的网站排名状况一般都不错。这一点或许会有争议，但樂思蜀本人保持这样的观点，有异议者可以拿三组以上基本同等质量的网站对比观察。 我想，这样的情况可能不是排名规则，最大的可能还是蜘蛛爬行网站时，出现以上差异导致收录质量的不同。 只要把网页做好了，相信蜘蛛能更快速，简洁的扫描我们的页面，收录更多的内容。 文章来源：中国站长站]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/215/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

