CSS的引用样式 |css画圆角

HTML中的样式表是控制网页样式和呈现的重要一环。CSS在页面中的引用方式有几种，每种方式都有其优缺点。本文将介绍这些引用方式。使用内部样式表在head标签中通过style标签使用内部样式表引用CSS。

<head>
<style>
p {color: red;}
</style>
</head>
<body>
<p>这是红色文字</p>
<p>这也是红色文字</p>
</body>

内部样式表仅影响页面当前的HTML文件，因此在多个页面上重新定义相同的样式，会导致代码的冗余和可维护性的降低。使用外部样式表使用外部样式表需要在head标签中通过link标签引用CSS文件。

<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p>这是橙色文字</p>
<p>这也是橙色文字</p>
</body>

这种方式编写样式表代码，并把代码抽离到一个文件中。这样做有助于代码的复用和维护性。此外，应该遵循两个原则。首先，扪心自问是否有必要重写同一个类或标记的样式。其次，请优先考虑把不同的 CSS 样式表分割成多个文件。使用行内样式使用行内样式通过style属性在标签内嵌入CSS规则。

<p>这是蓝色文字</p>

行内样式可以在HTML元素上应用特定的样式，但是不太可维护，且可能降低代码复用性。如果需要改变样式，通常需要修改每个HTML元素的style属性。总的来说，外部样式表是组织样式代码的最佳方式。除非有特殊的需求，内联和行内样式应该避免使用。