CSS基础教程

<div class="blogpost-body" id="cnblogs_post_body">
一、CSS的应用
 [翻译Htmldog] 
 
有三种方法应用CSS
 
（一）、In-line 行内 
 
行内样式是在html标签里直接使用style属性
<div class="cnblogs_code">
 <div>

 
<
p 
style
="color: red"
>
text
</
p
>
 </div>
</div>
设定段落文字红色。 但要记住，最后的HTML应该是独立出来，使用表现文档，所以行内样式应该在任何地方避免。 （二）、Internal 内部 使用于整个页面的植入内部样式在head标签里面，style标签包围样式。 
<div class="cnblogs_code">
 <div>

 
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
>
 
<
html
>
 
<
head
>
 
<
title
>
CSS Example
</
title
>
 
<
style 
type
="text/css"
>
 
 p 
{
 
 color
:
 red
;
 
}
 
 a 
{
 
 color
:
 blue
;
 
}
 
</
style
>
 
...
 </div>
</div>
所有段落文字红色，链接蓝色。
 
像行内样式一样，你应该保持HTML和CSS分离，所以我们只剩下救星。 
 
外部样式使用在整个多样页面网站。它是一个独立