对CSS样式表的三种引用方式 注:重点掌握第三种 方法1:行内样式表(style属性) <html> <head> <title>例子</title> </head> <body style="background-color: red;"> <p>这个页面是红色的</p> </body> </html> 方法2:内部样式表(style元素) <html> <head> <title>例子</title> <style type="text/css"> body{ background-color: red; } </style> </head> <body> <p>这个页面是红色的</p> </body> </html> 方法3:外部样式表(引用一个样式表文件) <html> <head> <title>我的文档</title> /*下面这行代码表示应用位于style目录下的style.css样式表*/ <link rel="stylesheet" type="text/css" href="style/style.css"/> </head> <body> <p>这个页面是红色的</p> </body> </html> style.css样式表文件 body { background-color: red; }