CSS產生常用的表徵圖樣式

這次給大家帶來CSS產生常用的表徵圖樣式，CSS產生常用的表徵圖樣式的注意事項有哪些，下面就是實戰案例，一起來看一下。

基本表徵圖:

您可以將Font Awesome表徵圖使用在幾乎任何地方，只需要使用CSS首碼 fa ，再加標名稱。 Font Awesome是為使用內嵌元素而設計的。我們通常更喜歡使用 <i> ，因為它更簡潔。 但實際上使用 <span> 才能更加語義化。

<i class="fa fa-camera-retro"></i> fa-camera-retro

注意：如果您修改了表徵圖容器的字型大小，表徵圖大小會隨之改變。同樣的變化也會發生在顏色、陰影等其它任何CSS支援的效果上。

用的時候記得引入：

<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

css3的pointer-events使用詳解

完全利用CSS實現元素置中