一、css 样式表的引入方式

在网页开发中，我们可以通过以下几种方式来引入 CSS 样式表：

1. 内联样式表：内嵌在 html 元素的 style 属性中，只作用于当前元素。

2. 内部样式表：在 HTML 文档中添加 style 标签，在其中编写 CSS 样式表。

3. 外部样式表：将 CSS 样式表写在一个独立的 .css 文件中，然后在 HTML 文档中使用 link 标签引入。

4. 导入样式表：在 CSS 样式表中使用 @import 语句引入其他 CSS 文件。

以上四种引入方式均有其各自的优缺点，视需求而定。下文将重点介绍外部样式表这一引入方式。

二、外部样式表的引入方式

外部样式表是将 CSS 样式表单独写在一个 .css 文件中，然后在 HTML 文件中使用 link 标签来引入该文件。这种方式的优点是方便在多个页面中复用样式，减少代码量，提高网页性能。以下是一个外部样式表的基本使用方法：

1. 在 CSS 文件中编写样式表，例如：

``` h1 { color: red; text-align: center; } ```

2. 在 HTML 文件中添加 link 标签来引入 CSS 文件，例如：

``` ```

其中 href 属性指向 CSS 文件的路径。

3. 在 HTML 文件的 body 或 head 中使用对应的类名或 id 名称来应用样式，例如：

```

Hello, World!

此时，h1 元素的文本颜色将变为红色，在页面中居中显示。

三、CSS 样式表中优先级最高的属性

在 CSS 样式表中，每个属性都有一个优先级，当多个样式同时作用于同一元素时，优先级高的样式会覆盖优先级低的样式。优先级的计算方式为遵循“特殊性”和“后来居上”的原则。

在“特殊性”的计算中，选择器的类型、类名、id 名称、内联样式等不同的级别对应不同的加分数值。例如，内联样式的优先级最高，添加了 !important 修饰符的属性优先级最高等。

而在“后来居上”的计算中，当存在两个同级别的样式时，排在后面的样式会覆盖前面的样式。

在常见的 CSS 属性中，优先级最高的属性是 !important 修饰符。该修饰符可以在属性值后面添加一个 !，表示该属性值必须应用于当前元素，即使存在较高优先级的样式也会被覆盖。例如：

``` h1 { color: red !important; } ```

此时，即使存在其他样式在 h1 元素中定义了不同的颜色，但是仍然会被这条样式中的红色颜色所覆盖。

总的来说，在进行 CSS 样式表编写时，需要考虑到优先级的问题，尽量在遵循原则的前提下编写简洁易懂的代码。通过选择恰当的引入方式和灵活运用优先级，可以使网站页面更加美观、易读、易维护。