添加CSS的三种方式

CSS样式是前端制作网页的重要组成部分，那如何使用引入CSS样式便显得尤为突出，本篇文章主要介绍了CSS样式的三种使用方式。

1.使用外部样式：

1 <head>
2     <link rel="stylesheet" href="style.css">
3 </head>

style.css文件如下

 1 h1 {       
 2 
 3     color: blue;       
 4 
 5     background-color: yellow;       
 6 
 7     border: 1px solid black;
 8 
 9      }    
10 
11 p {       
12 
13     color: red;
14 
15      }

href内填写时是css文件的位置

2.使用内部样式：

3.使用行内样式（内联样式）：

1 <body>
2     <h1 style="color: blue;background-color: yellow;border: 1px solid black;">Hello World!</h1>
3     <p style="color:red;">Test</p?
4 </body>

以上就是添加CSS的三种方式的详细内容。(拼多多培训)