<?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; CSS2盒模型</title>
	<atom:link href="http://www.seoweb-sh.com/tag/css2%e7%9b%92%e6%a8%a1%e5%9e%8b/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>CSS2盒模型的3D示意图</title>
		<link>http://www.seoweb-sh.com/39.html</link>
		<comments>http://www.seoweb-sh.com/39.html#comments</comments>
		<pubDate>Thu, 02 Oct 2008 03:30:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV/CSS]]></category>
		<category><![CDATA[上海SEO 网站制作]]></category>
		<category><![CDATA[3D示意图]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS2盒模型]]></category>

		<guid isPermaLink="false">http://www.seoweb-sh.com/?p=39</guid>
		<description><![CDATA[查看更多网站制作文章请点击这里。
CSS2中的盒模型是关系到我们排版定位的关键，例如
就遵循盒模型规范。盒模型定义的margin，background-color，background-image，padding ，content，border，初学者经常会搞不清楚它们之间的层次、关系和相互影响。这里提供一张盒模型的3D示意图，希望便于你的理解和记忆。
­
原图出自：hicksdesign
需要说明的是：IE和Mozilla浏览器对盒模型的解释不一致，造成我们定位上的困难，主要差别是：
IE计算2个div之间的距离时候，会把1px的border计算在内，而mozilla没有； 设定div的宽度后，如果给padding加一个值，IE会在宽度内减去这个值，而M ozilla会在宽度基础上加上这个值。
Unique Post]]></description>
			<content:encoded><![CDATA[<p>查看更多<em><a href="http://www.seoweb-sh.com/web">网站制作</a></em>文章请点击这里。<br />
CSS2中的盒模型是关系到我们排版定位的关键，例如<br />
就遵循盒模型规范。盒模型定义的margin，background-color，background-image，padding ，content，border，初学者经常会搞不清楚它们之间的层次、关系和相互影响。这里提供一张盒模型的3D示意图，希望便于你的理解和记忆。<span id="more-39"></span><br />
­<a href="http://www.code365.net/Learning/UploadFiles_9072/200610/20061005185146393.gif"><img class="alignnone" src="http://www.code365.net/Learning/UploadFiles_9072/200610/20061005185146393.gif" alt="" width="500" height="400" /></a><a href="http://www.code365.net/Learning/UploadFiles_9072/200610/20061005190246877.png"></a><br />
原图出自：hicksdesign</p>
<p>需要说明的是：IE和Mozilla浏览器对盒模型的解释不一致，造成我们定位上的困难，主要差别是：<br />
IE计算2个div之间的距离时候，会把1px的border计算在内，而mozilla没有； 设定div的宽度后，如果给padding加一个值，IE会在宽度内减去这个值，而M ozilla会在宽度基础上加上这个值。</p>
<div class="similarity"><ul><li>Unique Post</li></ul></div><!-- Cat -->]]></content:encoded>
			<wfw:commentRss>http://www.seoweb-sh.com/39.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

