<!doctype html> <html> <head> <meta charset="UTF-8"> <title>CSS样式位置的例子</title> <style> /* 样式位置1:内部样式表 */ p { color: blue; } </style> </head> <body> <h1>CSS样式位置的例子</h1> <p>这是一个段落。</p> <!-- 样式位置2:外部样式表 --> <link rel="stylesheet" type="text/css" href="style.css"> <!-- 样式位置3:行内样式 --> <p>这是另一个段落。</p> </body> </html>
第一种位置是在HTML文档头部的<style>标签内使用内部样式表。这种方式适用于针对特定页面编写的样式,但不太适合应用于整个网站。
第二种位置是在外部样式表中。这种方式适用于应用于整个网站的样式,可以在多个HTML页面中引用同一样式表。
第三种位置是在HTML标签中使用行内样式。这种方式适用于应用于单个元素的样式,但不太适合应用于整个网站。
总之,CSS样式表的位置取决于应用的范围和需要针对的页面。