<?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 Reset</title>
	<atom:link href="http://www.seoweb-sh.com/tag/css-reset/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 Reset的应用</title>
		<link>http://www.seoweb-sh.com/980.html</link>
		<comments>http://www.seoweb-sh.com/980.html#comments</comments>
		<pubDate>Thu, 10 Sep 2009 01:57:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV/CSS]]></category>
		<category><![CDATA[上海SEO 网站制作]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Reset]]></category>
		<category><![CDATA[Reset]]></category>

		<guid isPermaLink="false">http://www.seoweb-sh.com/?p=980</guid>
		<description><![CDATA[知道CSS Reset是什么吗？通常情况下，它也被写成Reset css，即重设浏览器的样式。在各种浏览器中，都会对CSS的选择器默认一些数值，譬如当h1没有被设置数值时，显示一定大小。但并不是所有的浏览器都使 用一样的数值，所以，有了CSS Reset，以让网页的样式在各浏览器中表现一致。

正在使用CSS的你，用过CSS Reset吗？当然，或许你用了，却不知道正在用，比如你可能用到：
* { padding: 0; margin: 0; border: 0; }
这也是一款CSS Reset的方法，让所有的选择器的padding、margin和border都设置成0。这是一种强大的方法，也是最简单，最安全的方法，不过，也是 最占用资源的方法。对于小型的网站来说，用这个并不会带来大的资源浪费，但如果是像Yahoo这种架构非常大的网站，刚需要有选择地进行CSS重设，以减 少资源浪费。下面是Yahoo的CSS重设代码，也是受最多人喜爱的CSS Reset方法，YUI选择的方法是：
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
padding: 0;
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-weight: normal;
font-style: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;
}
q:before,q:after {
content:”;
}
abbr,acronym { border: 0;
}
OK，相信你也已经了解了CSS重设的目的，或许你也可以根据自己的喜好，写一个自己的CSS重设系统，毕竟大家的需求和习惯的不同的。而你可以参照下面的几款：
Ateneu Popular CSS Reset
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, [...]]]></description>
			<content:encoded><![CDATA[<p>知道<a title="CSS Reset" href="http://www.seoweb-sh.com/980.html ">CSS Reset</a>是什么吗？通常情况下，它也被写成Reset <span class='wp_keywordlink'><a href="http://www.seoweb-sh.com/tag/css" title="css">css</a></span>，即重设浏览器的样式。在各种浏览器中，都会对<a title="CSS" href="http://www.seoweb-sh.com/tag/css">CSS</a>的选择器默认一些数值，譬如当h1没有被设置数值时，显示一定大小。但并不是所有的浏览器都使 用一样的数值，所以，有了CSS Reset，以让网页的样式在各浏览器中表现一致。<br />
<span id="more-980"></span><br />
正在使用CSS的你，用过CSS Reset吗？当然，或许你用了，却不知道正在用，比如你可能用到：</p>
<p>* { padding: 0; margin: 0; border: 0; }</p>
<p>这也是一款CSS Reset的方法，让所有的选择器的padding、margin和border都设置成0。这是一种强大的方法，也是最简单，最安全的方法，不过，也是 最占用资源的方法。对于小型的网站来说，用这个并不会带来大的资源浪费，但如果是像Yahoo这种架构非常大的网站，刚需要有选择地进行CSS重设，以减 少资源浪费。下面是Yahoo的CSS重设代码，也是受最多人喜爱的CSS Reset方法，YUI选择的方法是：</p>
<p><span style="color: #8b0000;">body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,<br />
form,fieldset,input,textarea,p,blockquote,th,td {<br />
padding: 0;<br />
margin: 0;<br />
}<br />
table {<br />
border-collapse: collapse;<br />
border-spacing: 0;<br />
}<br />
fieldset,img {<br />
border: 0;<br />
}<br />
address,caption,cite,code,dfn,em,strong,th,var {<br />
font-weight: normal;<br />
font-style: normal;<br />
}<br />
ol,ul {<br />
list-style: none;<br />
}<br />
caption,th {<br />
text-align: left;<br />
}<br />
h1,h2,h3,h4,h5,h6 {<br />
font-weight: normal;<br />
font-size: 100%;<br />
}<br />
q:before,q:after {<br />
content:”;<br />
}<br />
abbr,acronym { border: 0;<br />
}</span><br />
OK，相信你也已经了解了CSS重设的目的，或许你也可以根据自己的喜好，写一个自己的CSS重设系统，毕竟大家的需求和习惯的不同的。而你可以参照下面的几款：</p>
<p><strong><span style="color: #ff0000;">Ateneu Popular CSS Reset<br />
</span></strong><span style="color: #8b0000;">html, body, div, span, applet, object, iframe, h1, h2, h3,<br />
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,<br />
address, big, cite, code, del, dfn, em, font, img, ins,<br />
kbd, q, s, samp, small, strike, strong, sub, sup, tt,<br />
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,<br />
table, caption, tbody, tfoot, thead, tr, th, td {<br />
margin: 0;<br />
padding: 0;<br />
border: 0;<br />
outline: 0;<br />
font-weight: inherit;<br />
font-style: inherit;<br />
font-size: 100%;<br />
font-family: inherit;<br />
vertical-align: baseline;<br />
}<br />
:focus { outline: 0;}<br />
a, a:link, a:visited, a:hover, a:active{text-decoration:none}<br />
table { border-collapse: separate;border-spacing: 0;}<br />
th, td {text-align: left; font-weight: normal;}<br />
img, iframe {border: none; text-decoration:none;}<br />
ol, ul {list-style: none;}<br />
input, textarea, select, button {font-size: 100%;font-family: inherit;}<br />
select {margin: inherit;}<br />
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}</span></p>
<p><span style="color: #ff0000;"><strong>Chris Poteet’s Reset CSS</strong></span><br />
<span style="color: #8b0000;">* {<br />
vertical-align: baseline;<br />
font-family: inherit;<br />
font-style: inherit;<br />
font-size: 100%;<br />
border: none;<br />
padding: 0;<br />
margin: 0;<br />
}<br />
body {<br />
padding: 5px;<br />
}<br />
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, ul, ol, dl {<br />
margin: 20px 0;<br />
}<br />
li, dd, blockquote {<br />
margin-left: 40px;<br />
}<br />
table {<br />
border-collapse: collapse;<br />
border-spacing: 0;<br />
}</span></p>
<p><strong><span style="color: #ff0000;">Eric Meyer Reset CSS</span></strong><br />
<span style="color: #8b0000;">html, body, div, span, applet, object, iframe, table, caption,<br />
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,<br />
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,<br />
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,<br />
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,<br />
fieldset, form, label, legend {<br />
vertical-align: baseline;<br />
font-family: inherit;<br />
font-weight: inherit;<br />
font-style: inherit;<br />
font-size: 100%;<br />
outline: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: 0;<br />
}<br />
:focus {<br />
outline: 0;<br />
}<br />
body {<br />
background: white;<br />
line-height: 1;<br />
color: black;<br />
}<br />
ol, ul {<br />
list-style: none;<br />
}<br />
table {<br />
border-collapse: separate;<br />
border-spacing: 0;<br />
}<br />
caption, th, td {<br />
font-weight: normal;<br />
text-align: left;<br />
}<br />
blockquote:before, blockquote:after, q:before, q:after {<br />
content: &#8220;&#8221;;<br />
}<br />
blockquote, q {<br />
quotes: &#8220;&#8221; &#8220;&#8221;;<br />
}</span><br />
<strong><span style="color: #ff0000;">Tantek Celik Reset CSS</span></strong><br />
<span style="color: #8b0000;">:link,:visited { text-decoration:none }<br />
ul,ol { list-style:none }<br />
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }<br />
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input<br />
{ margin:0; padding:0 }<br />
a img,:link img,:visited img { border:none }<br />
address { font-style:normal }</span><br />
<strong><span style="color: #ff0000;">Christian Montoya Reset CSS</span></strong><br />
<span style="color: #8b0000;">html, body, form, fieldset {<br />
margin: 0;<br />
padding: 0;<br />
font: 100%/120% Verdana, Arial, Helvetica, sans-serif;<br />
}<br />
h1, h2, h3, h4, h5, h6, p, pre,<br />
blockquote, ul, ol, dl, address {<br />
margin: 1em 0;<br />
padding: 0;<br />
}<br />
li, dd, blockquote {<br />
margin-left: 1em;<br />
}<br />
form label {<br />
cursor: pointer;<br />
}<br />
fieldset {<br />
border: none;<br />
}<br />
input, select, textarea {<br />
font-size: 100%;<br />
font-family: inherit;<br />
}</span><br />
<span style="color: #ff0000;"><strong>Rudeworks Reset CSS</strong></span><br />
<span style="color: #8b0000;">* {<br />
margin: 0;<br />
padding: 0;<br />
border: none;<br />
}<br />
html {<br />
font: 62.5% &#8220;Lucida Grande&#8221;, Lucida, Verdana, sans-serif;<br />
text-shadow: #000 0px 0px 0px;<br />
}<br />
ul {<br />
list-style: none;<br />
list-style-type: none;<br />
}<br />
h1, h2, h3, h4, h5, h6, p, pre,<br />
blockquote, ul, ol, dl, address {<br />
font-weight: normal;<br />
margin: 0 0 1em 0;<br />
}<br />
cite, em, dfn {<br />
font-style: italic;<br />
}<br />
sup {<br />
position: relative;<br />
bottom: 0.3em;<br />
vertical-align: baseline;<br />
}<br />
sub {<br />
position: relative;<br />
bottom: -0.2em;<br />
vertical-align: baseline;<br />
}<br />
li, dd, blockquote {<br />
margin-left: 1em;<br />
}<br />
code, kbd, samp, pre, tt, var, input[type='text'], textarea {<br />
font-size: 100%;<br />
font-family: monaco, &#8220;Lucida Console&#8221;, courier, mono-space;<br />
}<br />
del {<br />
text-decoration: line-through;<br />
}<br />
ins, dfn {<br />
border-bottom: 1px solid #ccc;<br />
}<br />
small, sup, sub {<br />
font-size: 85%;<br />
}<br />
abbr, acronym {<br />
text-transform: uppercase;<br />
font-size: 85%;<br />
letter-spacing: .1em;<br />
border-bottom-style: dotted;<br />
border-bottom-width: 1px;<br />
}<br />
a abbr, a acronym {<br />
border: none;<br />
}<br />
sup {<br />
vertical-align: super;<br />
}<br />
sub {<br />
vertical-align: sub;<br />
}<br />
h1 {<br />
font-size: 2em;<br />
}<br />
h2 {<br />
font-size: 1.8em;<br />
}<br />
h3 {<br />
font-size: 1.6em;<br />
}<br />
h4 {<br />
font-size: 1.4em;<br />
}<br />
h5 {<br />
font-size: 1.2em;<br />
}<br />
h6 {<br />
font-size: 1em;<br />
}<br />
a, a:link, a:visited, a:hover, a:active {<br />
outline: 0;<br />
text-decoration: none;<br />
}<br />
a img {<br />
border: none;<br />
text-decoration: none;<br />
}<br />
img {<br />
border: none;<br />
text-decoration: none;<br />
}<br />
label, button {<br />
cursor: pointer;<br />
}<br />
input:focus, select:focus, textarea:focus {<br />
background-color: #FFF;<br />
}<br />
fieldset {<br />
border: none;<br />
}<br />
.clear {<br />
clear: both;<br />
}<br />
.float-left {<br />
float: left;<br />
}<br />
.float-right {<br />
float: right;<br />
}<br />
body {<br />
text-align: center;<br />
}<br />
#wrapper {<br />
margin: 0 auto;<br />
text-align: left;<br />
}</span><br />
<strong><span style="color: #ff0000;">Anieto2K Reset CSS</span></strong><br />
<span style="color: #8b0000;">html, body, div, span, applet, object, iframe,<br />
h1, h2, h3, h4, h5, h6, p,<br />
blockquote, pre, a, abbr, acronym, address, big,<br />
cite, code, del, dfn, em, font, img,<br />
ins, kbd, q, s, samp, small, strike,<br />
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,<br />
fieldset, form, label, legend,<br />
table, caption, tbody, tfoot, thead, tr, th, td,<br />
center, u, b, i {<br />
margin: 0;<br />
padding: 0;<br />
border: 0;<br />
outline: 0;<br />
font-weight: normal;<br />
font-style: normal;<br />
font-size: 100%;<br />
font-family: inherit;<br />
vertical-align: baseline<br />
}<br />
body {<br />
line-height: 1<br />
}<br />
:focus {<br />
outline: 0<br />
}<br />
ol, ul {<br />
list-style: none<br />
}<br />
table {<br />
border-collapse: collapse;<br />
border-spacing: 0<br />
}<br />
blockquote:before, blockquote:after, q:before, q:after {<br />
content: &#8220;&#8221;<br />
}<br />
blockquote, q {<br />
quotes: &#8220;&#8221; &#8220;&#8221;<br />
}<br />
input, textarea {<br />
margin: 0;<br />
padding: 0<br />
}<br />
hr {<br />
margin: 0;<br />
padding: 0;<br />
border: 0;<br />
color: #000;<br />
background-color: #000;<br />
height: 1px<br />
}</p>
<p><span style="color: #ff0000;"><strong>CSSLab CSS Reset</strong></span><br />
html, body, div, span, applet, object, iframe, h1, h2, h3,<br />
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,<br />
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,<br />
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,<br />
fieldset, form, label, legend, table, caption, tbody, tfoot,<br />
thead, tr, th, td {<br />
margin: 0;<br />
padding: 0;<br />
border: 0;<br />
outline: 0;<br />
font-weight: inherit;<br />
font-style: inherit;<br />
font-size: 100%;<br />
font-family: inherit;<br />
vertical-align: baseline;<br />
}<br />
:focus {<br />
outline: 0;<br />
}<br />
table {<br />
border-collapse: separate;<br />
border-spacing: 0;<br />
}<br />
caption, th, td {<br />
text-align: left;<br />
font-weight: normal;<br />
}<br />
a img, iframe {<br />
border: none;<br />
}<br />
ol, ul {<br />
list-style: none;<br />
}<br />
input, textarea, select, button {<br />
font-size: 100%;<br />
font-family: inherit;<br />
}<br />
select {<br />
margin: inherit;<br />
}<br />
/* Fixes incorrect placement of numbers in ol’s in IE6/7 */<br />
ol { margin-left:2em; }<br />
/* == clearfix == */<br />
.clearfix:after {<br />
content: &#8220;.&#8221;;<br />
display: block;<br />
height: 0;<br />
clear: both;<br />
visibility: hidden;<br />
}<br />
.clearfix {display: inline-block;}<br />
* html .clearfix {height: 1%;}<br />
.clearfix {display: block;}</span><br />
像你看到的，这些都大同小异，需求不同，方法也就不同。我自己偏向于喜欢Yahoo的CSS Reset，也用了Yahoo的代码。你，有自己的CSS Reset体系吗？或许可以分享出来！</p>
<div class="similarity"><ul><li>Unique Post</li></ul></div><!-- Cat -->]]></content:encoded>
			<wfw:commentRss>http://www.seoweb-sh.com/980.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

