css 绝对路径相对路径

CSS（Cascading Style Sheets，层叠样式表）是一种用于描述文档样式的语言。在CSS中，文件路径包括绝对路径和相对路径两种类型。下面我们详细介绍一下这两种路径的使用方法和区别。

绝对路径是指完整的文件路径，包含文件路径的根目录和文件名。在CSS中，绝对路径一般用于引入其他CSS文件或者图片。绝对路径的写法类似于下面这个例子：

background: url("http://www.example.com/images/bg.jpg");

此示例中，CSS样式会加载位于 http://www.example.com/images/bg.jpg 的图片。

相对路径是指相对于当前CSS文件所在位置的路径，包括相对于CSS文件的父级目录或者子级目录的路径。相对路径在CSS中被广泛使用，因为它更易于维护和管理。相对路径的写法类似于下面这个例子：

background: url("../images/bg.jpg");

此示例中，CSS样式会在当前CSS文件的父级目录中查找 images 文件夹下的 bg.jpg 图片文件。

需要注意的是，相对路径中的双点号（..）表示父级目录，单点号（.）表示当前目录。如果要引用同级目录下的资源文件，则可以直接使用文件名。

在编写 CSS 样式时，使用绝对路径和相对路径都可以实现相同的效果。但是一般情况下，我们建议使用相对路径，因为它更为灵活和可移植。如果使用绝对路径，则在更改网站或者服务器的时候，需要根据情况修改大量的路径设置。