㈠ web前端開發怎麼使用icon
先,上阿里巴巴矢量圖標庫,注冊賬號,從里邊選擇自己想要的圖標,或者自己製作再上傳,然後存儲為項目,從"圖標管理">"項目圖標管理"獲取在線連接,添加到網站css樣式里,注意要加全了,鏈接要對,然後就可以在前端使用了,
調用的話<i class="iconfont"></i>這樣,網頁上顯示出來的就是圖中最下邊框出來的那個微信的圖標了,
㈡ 前端頁面上下各有兩個圖標，用js實現單擊下面的圖標，然後就會在上面的圖標位置後面增加一個下面的圖標
可以隱藏起來，點擊時出現，也可以創建一個圖標添加進去
㈢ html中如何設置瀏覽器中標題前的logo
在<head></head>標簽之間輸入
<link rel="icon" href="圖片位置" type="image/x-icon"/>
或者用favicon表示：
規格有32×32、48×48、64×64、128×128，直接用PS做一個圖片，命名為favicon.ico，然後用FTP軟體上傳到網站根目錄替換原來的文件即可，如果不想用FTP軟體，也可以在網站的後台進行更換。
Favicon是favorites icon的縮寫，亦被稱為website icon（網頁圖標）、page icon（頁面圖標）或urlicon（URL圖標）。Favicon是與某個網站或網頁相關聯的圖標。
(3)前端圖標擴展閱讀
關於favicon圖標的用途
favicon.ico一般用於作為縮略的網站標志,它顯示位於瀏覽器的地址欄或者在標簽上,用於顯示網站的logo,比如下面的網路的logo， 目前主要的瀏覽器都支持favicon.ico圖標 。
1、生成圖標ico
很多網站都支持在線將圖片轉成ico格式,圖片的大小一般是幾百k左右
在線生成ico
㈣ 網頁前面的圖標怎麼改
1、第一步，准備一個圖標製作軟體。
首先您必須了解所謂的圖標（Icon）是一種特殊的圖形文件格式，它是以.ico 作為擴展名。普通的圖像設計軟體無法使用這種格式，所以您需要到下載一個ico圖標工具,本站常用軟體既有,推薦強大的Microangelo,可以方便的製作ico圖標.漢化修正版下載地址：http://www.skycn.com/soft/2478.html
第二步，確定「收藏夾」圖標的規格。
在收藏夾里出現的是16*16；所使用的顏色最好成績不要超過16色。（為了清晰）,如果你不清楚可以在C盤查找*.ico格式的圖標,應該能在IE緩存里找到那些網站的圖標,你可以打開這些圖標就可以知道該用什麼格式的了,跟人家的一樣就行。
第三步，設計一個屬於您自己的圖標。
你可以將您的網站的LOGO做成一個縮圖或者另外設計一個別具特色的圖案來作為「收藏夾」圖標。總之，它一定要是屬於您自己的，並且能很好的代表您的網站的風格和個性。然後將這個圖標文件命名為：favicon.ico(注意,需要命名為這個文件名方可)。可以製作的醒目些。
例如用一個本機上的圖標文件改一下吧。從本機上搜索一個文件，復制到桌面。用Microangelo打開，修改成16*16，使用256色吧,另存為favicon.ico。
最後，只需要將這個圖標文件（favicon.ico）上傳到您的網站所在的伺服器的根目錄下。(也就是你的主頁index.html所在的那個文件夾)您不需要對您的網頁文件作任何的修改，IE5會自動的不停的搜索您的網站的根目錄，只要它一發現了favicon.ico 這個文件，就會將該圖標顯示在訪問者的地址欄和收藏夾列表中了。
如果您希望為不同的頁面設置不同的「收藏夾」圖標，那麼您就需要在該網頁文件的HEAD部分加入下面的內容:
<link rel=\"shortcut icon\"href=\"http://www.net/myicon.ico\">
注意：該圖標的路徑一定要使用絕對路徑。
2、第二種方法:在首頁HTML文件中，加入link命令，<link>是放在<head>與</head>之間
例如下面這樣：
<HEAD>
<link rel = "Shortcut Icon" href=http://www.fsyk.net/favicon.ico>
</HEAD>
其中的href="http://www.fsyk.net/favicon.ico（只是一個例子，你只要將他替換成你的網址）將favicon.ico替換成你製作的ICO文件名即可
這樣只有當網友把你的網站加到Internet Explorer的收藏夾中並重新打開Internet Explorer瀏覽器之後，你自行製作的圖標才會顯示出來。
㈤ 如何提取網址前端的圖標
你要的是不是網站上的logo呢?
如果是logo的話
你把滑鼠移動那張圖片上
應該會出現一個四個圖片選項,然後你選擇保存就可以.
如果不行,
還是把滑鼠移動到圖片上,右擊
在快捷菜單里,選擇圖片令存為,應該可以保存.
(值得一試,經驗,不知道能不能給你一些幫助.)
㈥ 怎麼設置瀏覽器窗口的網站logo，我說的是網頁前端
網站上的logo實際上是一個「favicon.ico」圖片。
實現步驟：
第一步：製作favicon.ico，大小為16*16毫米；
第二步：將「favicon.ico」放到項目的根路徑下。
第三步：在所有html頁面head中添加如下代碼。
//收藏用logo圖標
<link rel="bookmark" type="image/x-icon" href="favicon.ico"/>
//網站顯示頁logo圖標
<link rel="shortcut icon" href="favicon.ico">
第四步：直接打開html頁面，打開方式為常用的瀏覽器即可。
㈦ 前端開發中，有哪些可以展現圖標的方案
前端開發中,常見的圖標展現方案
1. 最簡單的還是圖片，圖片
這個方案是使用最廣的方案，簡單有效。jQuery UI使用的就是這樣的方案。jQuery UI是把所有需要用到的小圖標放置在一張大的sprite圖片中。
2. 使用Web Fonts
通過Web Font技術來構建小圖標是目前使用最廣泛的代替普通圖片的方案。
3. 使用SVG
SVG是一種基於XML的圖形格式。這是一種可縮放的矢量圖形。SVG是由W3C制定的標准，在2003年成為了W3C的推薦標准。相比較其他的圖像格式，SVG的優勢在於：SVG可以被很多工具讀取和修改、SVG的尺寸更小、SVG圖像在任何的解析度下都可以高質量地列印。
4. 純CSS生成圖標
隨著CSS的不斷發展，使用CSS不僅僅可以產生一些四四方方的線框效果，同時可以產生一些曲線和傾斜效果。
以上就是我們在網頁中常見的圖標構建技術。在實際的使用中需要結合瀏覽器兼容來選擇合適的方案。
㈧ 在HTML里這種前面的圖標是怎麼搞出來的
屬於字體圖標，Iconfont，詳情可百
㈨ css列表前面加背景小圖標
你可以用css hack來單獨定義谷歌和火狐，
谷歌的寫法@media screen and (-webkit-min-device-pixel-ratio:0) { .nav{padding:10px}
}
火狐的寫法.nav{-moz-padding:10px}
根據你的去寫下試試，應改會是ok的，以後只要存在瀏覽器的兼容性問題，都用這個方法解決很實用，也很方便
㈩ 網站前面的圖標是怎麼弄的
在<head><head>標記之間輸入
<link rel=「icon」href=「picture location」type=「image/x-icon」/>
或者用favicon來表示：
規格為32×32、48×48、64×64、128×128。直接使用PS作為圖片，命名為favicon．ico，然後使用FTP軟體上傳到網站的根目錄，替換原始文件。如果你不想使用FTP軟體，你也可以在網站的後台替換它。
(10)前端圖標擴展閱讀：
關於favicon圖標的使用
Favicon．ico通常用作網站的縮寫徽標，顯示在地址欄或瀏覽器的標簽上，用於顯示網站的徽標，如下面的網路徽標。目前，主流瀏覽器支持favicon．ico圖標。
一。生成圖標ico
許多網站支持圖片在線轉換成ICO格式，圖片大小通常在幾十萬左右
在線生成ICO
2。以HTML格式設置
成功生成favicon．ico圖像文件後，瀏覽器將自動彈出壓縮文件
將favicon．ico映像放入根目錄（或其他目錄）中的壓縮文件中
在頁面源文件的<head><head>標記之間插入
<head>
．．．
<link rel=「快捷方式圖標」ref=「/favicon.ico」/>
</head>
在href中指向ICO圖片的路徑