HTML中使用CSS的方法

Posted on 2016-03-05 15:08  Y-HKL  阅读(167)  评论(0)    收藏  举报

行内样式表

1 <html>
2     <head>
3           <title>行内样式表</title>
4     </head>
5     <body>
6         <p style="color:blue;font-size:10px;">aaaaaaa</p>
7     </body>
8 </html>

 

内嵌样式表

 1 1 <html>
 2 2     <head>
 3 3           <title>内嵌样式表</title>
 4 4     </head>
 5       <style>
 6             p{
 7                   color:blue;
 8                   font-family:"宋体";
 9                }
10       </style>
11 5     <body>
12 6         <p >aaaaaaa</p>
13 7     </body>
14 8 </html>

 

链接外部样式表

one.css代码

body{
      color:blue;
      font-size:10px;  
}

 html代码

<head>
    <link rel="stylesheet" href="one.css"  type="text/css">
</head>

 

导入外部样式表

one.css代码

body{
      color:blue;
      font-size:10px;  
}

 html代码

<head>
   <style type="text/css">
   @import "one.css"
   </style>
</head>