CSS样式表

css（Cascading Style Sheets）是一种用于描述文档表现方式的样式表语言。它可以为html、XHTML和XML等文档添加样式，如字体、颜色、间距等，让页面具有更好的视觉效果。在CSS中，样式表可以分为内部样式表、外部样式表和内联样式表三种。

1. 内部样式表

内部样式表是将CSS代码嵌入到HTML文档中的标签内。这种方式比较适合只有一个HTML文件需要设置样式的情况。在内部样式表中，使用图片可以通过background-image这个属性来设置，具体的使用方法如下：

background-image: url(图片路径);

其中，url()中填写图片的路径，可以是相对路径或绝对路径。例如，如果要在背景显示一张名为background.jpg的图片，可以这么写：

2. 外部样式表

外部样式表是将CSS代码单独放入一个CSS文件中，然后通过标签将整个外部样式表文件引入到HTML文件中。这种方式适用于多个HTML文件需要共享样式的情况，可以更加方便地进行维护和修改。使用图片可以使用与内部样式表类似的方式：

background-image: url(图片路径);

外部样式表文件的命名一般以.css为扩展名。例如，如果要引入一个名为style.css的样式表文件，可以在HTML文件中添加如下代码：

样式表文件中可以写多个样式，而样式的名字一般是以“.类名”或“#ID名”的形式来定义的。具有相同类名或ID名的HTML元素会应用到同一个样式。

3. 内联样式表

内联样式表是将CSS代码写在标签内的style属性中，这种方式适用于单个元素需要设置样式的情况，比较便于快速修改和调整。内联样式表同样可以使用background-image来设置图片：

style="background-image: url(图片路径)"

CSS选择器权重

在CSS中，选择器权重指的是样式的优先级。当多个样式同时应用到同一个元素时，会按照权重的高低来确定应用哪一个样式。选择器权重一般是通过数字值来表示的，数字越高，则优先级越高。

CSS选择器权重遵循以下规则：

1. 通配符(*)、继承（inherit）和关键字（initial、unset）无权重

2. ID选择器比属性选择器和标签选择器的权重高

3. 嵌套的选择器的权重高于非嵌套的选择器

4. 同权重下，后出现的样式会覆盖先出现的样式

举个例子来说，如果有如下三个样式：

#id1 { color: red; }

.red { color: blue; }

p { color: green; }

应用到如下HTML元素：

Hello World

则应用的样式是红色，因为ID选择器的权重为100，而类选择器和标签选择器的权重仅为10。即使p标签定义的样式选择器在最后出现，也因为权重太低而被忽略。

总结

CSS样式表共有三种形式：内部样式表、外部样式表和内联样式表，可以通过这三种方式来为HTML元素添加样式。在CSS中，选择器权重决定了不同样式的优先级，正确理解选择器权重的规则，可以帮助我们更好地应用样式。