我是一名HTML初學者。到目前爲止，我已經瞭解了圖像以及如何將它們包含在HTML中。我正在學習一個示例Web項目。並且它具有一些HTML代碼如下關於網站中帶「i」的圖標

<li><a class="close-link"><i class="fa fa-close"></i></a> 
                </li>

和這個代碼創建一個「十」（X）圖像/上前端圖標。

問題1：圖像是如何在前端繪製的。一般來說，我得到一個像"<img src = "image.jpg>"的圖像。所以我很困惑如何加載「CROSS」圖像/圖標。

問題2：在項目文件夾中，我可以找到這個圖像/圖標。我無法在項目文件夾中找到它。是否有任何特殊文件夾保存這些圖像/圖標。

問題3：這些圖像的擴展是什麼。「jpg」「gif」還是什麼？

問題4：是否有任何這些類型的圖像在線可用的列表，我可以在項目中使用。

問題5：如果列表在線不可用，那麼如何創建像這樣的圖像並使用i標記添加它們。

請指導我。

來源

2016-08-15 Unbreakable

你看到字體真棒代碼的大小。 http://fontawesome.io/（點擊「示例」查看你主要問題的答案）。 –

要添加到@Michael_B Font Awesome使用實際字體來創建它們，它們不是圖像。它們是特殊的私人使用的Unicode字符。因此，爲什麼你可以單獨使用css來調整顏色。 –

不錯。你是對的。但我也有其他問題。就像我如何找到可供我使用的圖標的完整列表另外，我可以自己創建圖標嗎？請指導我。 – Unbreakable

回答＃1

是一個CDN content delivery network就是得到你正在使用類似像fontawesome一個框架，我瘦了什麼從互聯網源這裏是鏈接（http://fontawesome.io/icon/times/）。

回答＃2

你找不到任何文件夾中的形象，因爲你沒有下載它。但你可以下載整個包，那麼你將有那個包的東西，如<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">在你html的<head>鏈接到您的HTML，參考位置到您font-awesome.min.css.這裏是鏈接到指令（http://fontawesome.io/get-started/）

答案＃ 3

他們svg文件

回答4

是有一個重新綁定他們，你可以在那裏找到他們，只需輸入你想要的內容，甚至可以爲這些圖標設置動畫。（http://fontawesome.io/examples/）鏈接中的示例。只是一個快速的解釋
i class="fa fa-camera-retro fa-lg"> fa-lg fa-2x fa-3x fa-4x fa-5x
的class被用來描述圖標（圖標）的名稱
fa-2x是fa-5x圖標一直是最大的

來源

2016-08-15 04:34:29

關於網站中帶「i」的圖標

回答

回答＃1

回答＃2

答案＃ 3

回答4

相關問題