优先级
1 <span style="color: #ff6600;">
2 <style> h2{color:red;}</style>
3 <link href="1.css" rel="stylesheet">
4 <style > @import url(1.css); </style>


<h2>前面<font color="#0000FF" face="黑体">CSS标记1</font>后面</h2>
<br />
a   <span style="font-family: 黑体, 'Heiti SC'; font-size: 18px; color: #ff6600;">bc</span>   d

 

前面CSS标记1后面


abcd
<style>
 
  h2{font-family:幼圆;color:red;}
 
</style>
 
<h2>CSS标记1</h2>

CSS标记1

    <p style="color:#FF0000; font-size:20px; text-decoration:underline;">正文内容1</p>
    <p style="color:#000000; font-style:italic;">正文内容2</p>
    <p style="color:#FF00FF; font-size:25px; font-weight:bold;">正文内容3</p>

正文内容1

正文内容2

正文内容3

<style  > 
    p{   color:#FF00FF;    text-decoration:underline;    font-weight:bold;    font-size:25px;} 
</style>
 
    <p>紫色、粗体、下划线、25px的效果1</p>
    <p>紫色、粗体、下划线、25px的效果2</p>
    <p>紫色、粗体、下划线、25px的效果3</p>

 

<link href="1.css"  rel="stylesheet">
 
    <h2>CSS标题1</h2>
    <p>紫色、粗体、下划线、25px的效果1</p>
<style > 
  @import url(1.css); 
</style>
 
    <h2>CSS标题1</h2>
    <p>紫色、粗体、下划线、25px的效果1</p>