CSS是Cascading Style Sheets的缩写，用于控制网页上元素的样式和布局。如何在HTML中引入CSS样式表呢？
<head><link rel="stylesheet" type="text/css" href="/post/styles.css"></head>
上述代码是在HTML文档的头部（<head>）引入外部CSS样式表（styles.css）的方法。这常被称为“外部CSS引入”，它使CSS代码可以在多个页面中共享，有助于避免重复劳动和代码冗余。
此外，还有两个在HTML中编写CSS样式的方法，它们分别是：
- 内嵌CSS：将CSS样式写在HTML文档的头部或身体中，以
<style>标记包裹。 - 行内CSS：将CSS样式写在HTML元素的
style属性值中，如下所示：
<p >这段文字是红色的</p>
但是，一般不建议使用内嵌或行内CSS样式，因为它们会增加HTML文件的复杂度，不便于维护和修改，而且违背了“结构、样式、行为分离”的原则。
最后，我们需要注意一个CSS样式表在HTML中的顺序问题。如果有多个CSS样式表同时作用于一个页面，那么代码的排列顺序决定了它们的优先级。建议按照如下顺序引入CSS样式表：
- 重置样式表
- 公共样式表
- 特定页面样式表
这样能确保公共样式不会被特定页面样式覆盖，也能规避浏览器兼容性问题。
上一篇：CSS捉迷藏插画手绘
下一篇：css按钮的类型包括
