层叠样式表(英文全称:Cascading Style Sheets)使用方式
<!doctype html> <html> <head> <meta charset="UTF-8" /> <title>样式的使用方式</title> <!-- 2.内部样式: 在head的style子标签中写的css。 该css可以在当前页面复用。 --> <style type="text/css"> /* css的注释是这样的 */ h2 { color:blue; } </style> <!-- 3.外部样式: 通过link标签引入的外部css文件。 任何页面都可以复用这些样式。 --> <link rel="stylesheet" href="my.css"> </head> <body> <!-- 1.内联样式: 直接在元素的style属性里写css。 该css无法复用。 --> <h1 style="color:red;">css的使用方式</h1> <h2>css有3种用法</h2> <p>1.内联样式</p> <p>2.内部样式</p> <p>3.外部样式</p> </body> </html>
第三种外部样式引用的my.css文件内容:
p { color:yellow; }
最终页面效果