您的位置: 首頁 > 源碼資料
網頁美化你用小圖標嗎？
源碼資料 時間:2010-02-05 作者/發布人: 點擊:6819
©<>這幾個字符您一定不陌生吧，下面這幾個呢？ ›»«如果您還知道那再看這幾個呢？☎☠✎ ✓下面來看看他們的在網頁中的真面目吧
& nbsp;& copy;& lt;<& gt;& rsaquo;& raquo;& laquo;& #9742;& #9760;& #9998;& #10003;依次為空格©<<>›»«☎☠✎✓
看到這您是不是有點暈，不知道我在什么，下面貼幾張圖您就明白了。
您發現了沒有，圖中的文字中用到了許多修飾的小圖標，是不是給界面的美觀增色不少？是的，合理的運用這些小圖標既可以使輕松指引讀者還可以從細節上為網頁整體增色，何樂而不為呢？那么是不是要去搜集一些類似的小圖標呢？答案是不用。那些事只有美工才需要，我們一向比較懶，所以我們就…
今天的主角閃亮登場→HTML Symbol Entities。那么為什么要使用字符而不使用小圖標呢好處有哪些呢？
1.它比圖標加載速度快；
2.它的大小可以隨字體的大小而變化；
3.它可以隨意改變顏色。
下面用☎做個demo，
正常情況：
以下為引用的內容：
<p>正常電話圖標：☎</p>
正常電話圖標：☎
改變字體大小：
以下為引用的內容：
<p style="font-size:26px;">大號電話圖標：☎</p>
大號電話圖標：☎
改變顏色：
以下為引用的內容：
<p style="color:Red;font-size:26px;">大號紅色圖標：☎</p>
大號紅色圖標：☎
是不是很簡單，用起來很爽呢？但是有人又會問：“這么多字符我怎么記得住每個對應的代碼是什么？”如果您是觀察仔細的人，可能會發現其實基本上每個字符都有對應的名字，而且都是英文的縮寫如：©；就是copyright的縮寫,←就是left arrow的縮寫，是不是很好記呢？如果您還是懶的記，那就什么時候用，什么時候來這里（w3schools）或這里（Character Entity Reference HTML 4）看吧，很詳細而且比較權威。
原文地址：http://www.cnblogs.com/gudao119/archive/2010/01/05/1639447.html
& nbsp;& copy;& lt;<& gt;& rsaquo;& raquo;& laquo;& #9742;& #9760;& #9998;& #10003;依次為空格©<<>›»«☎☠✎✓
看到這您是不是有點暈，不知道我在什么，下面貼幾張圖您就明白了。
您發現了沒有，圖中的文字中用到了許多修飾的小圖標，是不是給界面的美觀增色不少？是的，合理的運用這些小圖標既可以使輕松指引讀者還可以從細節上為網頁整體增色，何樂而不為呢？那么是不是要去搜集一些類似的小圖標呢？答案是不用。那些事只有美工才需要，我們一向比較懶，所以我們就…
今天的主角閃亮登場→HTML Symbol Entities。那么為什么要使用字符而不使用小圖標呢好處有哪些呢？
1.它比圖標加載速度快；
2.它的大小可以隨字體的大小而變化；
3.它可以隨意改變顏色。
下面用☎做個demo，
正常情況：
以下為引用的內容：
<p>正常電話圖標：☎</p>
正常電話圖標：☎
改變字體大小：
以下為引用的內容：
<p style="font-size:26px;">大號電話圖標：☎</p>
大號電話圖標：☎
改變顏色：
以下為引用的內容：
<p style="color:Red;font-size:26px;">大號紅色圖標：☎</p>
大號紅色圖標：☎
是不是很簡單，用起來很爽呢？但是有人又會問：“這么多字符我怎么記得住每個對應的代碼是什么？”如果您是觀察仔細的人，可能會發現其實基本上每個字符都有對應的名字，而且都是英文的縮寫如：©；就是copyright的縮寫,←就是left arrow的縮寫，是不是很好記呢？如果您還是懶的記，那就什么時候用，什么時候來這里（w3schools）或這里（Character Entity Reference HTML 4）看吧，很詳細而且比較權威。
原文地址：http://www.cnblogs.com/gudao119/archive/2010/01/05/1639447.html
--------------------------全文完----------------------------
0% (0)
0% (0)
生活常識
- 騷年，年底大掃除如何清理最霸道的廚房油污你..(12-22)
- 吃了幾十年火鍋，竟然才發現吃錯了(12-17)
- 安徽職工生育保險津貼如何領取？流產津貼如何..(12-05)
- 十萬個為什么？女性私處為什么會變黑(11-19)
- 人體內全部秘密，再不對自己好點就晚了(11-16)
創意無限
- 英國“神奇凝膠”緩解“皮肉之苦”(08-03)
- 德攝影師制作奇妙光涂鴉頗似壯觀煙花(組圖)(05-10)
- 英國女學生用立體涂鴉畫出“隱形車”(圖)(05-10)
- 創意到實用！國外知名地鐵站設計欣賞(04-13)
- 工業革命時代的粗曠！起重機造型吊燈(04-13)
源碼資料
- javascript實現網頁跳轉的方法(10-29)
- CSS+DIV常用小代碼的收集(10-07)
- 自動判斷手機、平板與電腦訪問不同網址頁面的..(09-30)
- 最簡單實用的鼠標移到圖片上變成另外圖片的效..(09-26)
- VB鼠標離開窗體時就執行某個代碼如何實現？(06-30)
資源中心
- 原文：為什么這么多人黑周星馳(全文)(09-12)
- 紅藍3D眼鏡測試演示3D圖片-風景、人物及其他2..(02-06)
- 紅藍3D眼鏡測試演示3D圖片及美女3D視頻-美女篇..(02-06)
- “東亞病夫”是中國人自已罵自已的,非洋人(08-06)
- eWebEditor不支持IE8、IE7、火狐、傲游的解決..(06-13)
