CSS JS圖標列表
在網頁設計中，圖標列表是一個很好用的工具，可以使網頁看起來更加美觀和易于理解。CSS和JS在創建圖標列表方面提供了很多方法。
一、CSS圖標列表
在CSS中，可以使用偽元素（::before和::after）和Unicode字符創建圖標。這些方法可以讓開發人員無需使用圖像文件，就能創建出漂亮的圖標列表。
1.使用偽元素
偽元素是在元素的內容之前（::before）或之后（::after）插入新元素的特殊選擇器?？梢允褂脗卧貋聿迦雸D標。
下面是一個示例：
``` css
.list-item::before {
content: "\2713";
margin-right: 5px;
}
```
在上面的示例中，使用了Unicode字符，將一個勾號插入到每個列表項之前。并添加了5像素的右側邊距。
2.使用Unicode字符
CSS中還允許使用Unicode字符作為圖標。Unicode編碼是一種可以表示各種語言和字符集的編碼系統，其中包括許多字符和符號。這些符號可以用作圖標。
下面是示例代碼：
``` css
.list-item::before {
content: "\270D";
margin-right: 5px;
}
```
在上面的示例中，使用Unicode字符將一個手寫的圖標插入到每個列表項之前。
二、JS圖標列表
在JavaScript中，也有很多方法可以用來創建圖標列表。一個非常流行的方法是使用Font Awesome。Font Awesome是一個開源的icon庫，提供了600多個漂亮的圖標。
下面是使用Font Awesome的示例：
``` html
- GitHub
- Edit
- Delete