CSS引用法是一種用于創建交互式網頁的CSS樣式表技巧，它可以將CSS樣式應用于HTML元素，以創建具有不同外觀和交互性的網頁。

CSS引用法的基本思想是將CSS樣式表引用到HTML元素的樣式屬性中。具體來說，它將一個名為“style”的CSS樣式表文件包含在一個HTML元素內，并使用“@import”指令將這個文件的代碼引用到HTML元素的樣式屬性中。這樣，CSS樣式就會從外部導入到HTML元素中，并應用于HTML元素的樣式屬性中。

使用CSS引用法，可以創建具有不同外觀和交互性的網頁，例如：

1. 創建導航欄

可以使用CSS引用法創建一個導航欄，例如：

```html

<nav>

<ul>

<li><a href="#">首頁</a></li>

<li><a href="#">產品</a></li>

<li><a href="#">服務</a></li>

</ul>

</nav>

在這個例子中，導航欄的“ul”元素被引用為“nav ul”，并且“li”元素被引用為“nav li”。這樣，導航欄的外觀和樣式就會與下面的代碼相同：

```css

nav ul {

list-style-type: none;

nav li {

display: inline-block;

padding: 10px;

nav a {

color: #fff;

text-decoration: none;

2. 創建表單

可以使用CSS引用法創建一個表單，例如：

```html

<form>

<label for="name">姓名：</label>

<input type="text" id="name" name="name">

<label for="email">郵箱：</label>

<input type="email" id="email" name="email">

<button type="submit">提交</button>

</form>

在這個例子中，表單的“form”元素被引用為“form”，并且“label”元素和“input”元素都被引用為“form label input”和“form input”。這樣，表單的外觀和樣式就會與下面的代碼相同：

```css

form label input {

display: block;

width: 100%;

padding: 10px;

margin-bottom: 10px;

form input {

display: block;

width: 100%;

padding: 10px;

margin-bottom: 10px;

form button {

display: block;

width: 100%;

padding: 10px;

margin-bottom: 10px;

background-color: #fff;

border: none;

border-radius: 5px;

cursor: pointer;

form button:hover {

background-color: #007bff;

CSS引用法的使用可以讓網頁具有不同的外觀和交互性，并且可以根據需要進行靈活修改。