Posted on | by liu
CSS3有三种编写位置：内嵌式、内部样式表和外部样式表。以下是它们的详细介绍：
内嵌式：
内嵌式是指将CSS编写在HTML标签的style属性中。这种编写位置的优点是在页面展示时会立即加载，可以覆盖其它样式表的定义。但是，如果需要改动CSS，则需要在每个使用该样式的页面中都进行修改。
<p>这是一个内嵌式样式</p>
内部样式表：
内部样式表是指将CSS编写在HTML文档的<head>标签中的<style>标签内。这种编写位置的优点是可以在一个页面中定义多个样式，并且不会对整个页面产生影响。但是，如果需要改动CSS，则需要在该HTML页面的<head>标签中进行修改。
<head>
<style>
p {
color: red;
font-size: 20px;
}
</style>
</head>
<body>
<p>这是一个内部样式表</p>
</body>外部样式表：
外部样式表是指将CSS编写在一个独立的CSS文件中，并通过HTML文档的<head>标签中的<link>标签进行引用。这种编写位置的优点是可以在多个页面中共用同一个样式表，便于维护。但是，如果需要改动CSS，则需要修改CSS文件。
// common.css
p {
color: red;
font-size: 20px;
}
// index.html
<head>
<link rel="stylesheet" href="common.css">
</head>
<body>
<p>这是外部样式表的应用</p>
</body>以上是CSS3的三种编写位置，根据需求选择适合的位置进行CSS的编写。