大家好，又和大家见面了，这节课我们讲style的用途和外部样式表的功能和用途
首先来个实例（style的）
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>HTML</title> 6 </head> 7 <body> 8 <p class="p">hi!</p> 9 <p>hi!</p> 10 </body> 11 <style> 12 p.p { 13 color: blue; 14 } 15 </style> 16 </html>
style是用来在HTML的内部样式表
外部样式表怎么用
HTML代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML</title> <!-- link大部分的用途是用来引用css！ --> <link rel="stylesheet" type="text/css href="<!-- 文件名 -->"> </head> <body> <p class="p">hi!</p> <p>hi!</p> </body> </html>
css代码
p.p { color: red; } p { color: blue; }
因为这里是HTML教程，我就不一一解释了
下一期教程class