网站制作之美化网站新时代
我们在做网站的时候。有的是都要美化网站。都需要去找小图标是什么的。最近HTML新出来一个特殊字符。感觉来美化网站还不赖。大家来看看吧!!
©<>这几个字符您一定不陌生吧,下面这几个呢?›»«如果您还知道那再看这几个呢?☎☠✎ ✓
下面来看看他们的在网页中的真面目吧
©<<>›»«☎☠✎✓依次为空格©<<>›»«☎☠✎✓
看到这您是不是有点晕,不知道我在什么,下面贴几张图您就明白了。
您发现了没有,图中的文字中用到了许多修饰的小图标,是不是给界面的美观增色不少?是的,合理的运用这些小图标既可以使轻松指引读者还可以从细节上为网页整体增色,何乐而不为呢?那么是不是要去搜集一些类似的小图标呢?答案是不用。那些事只有美工才需要,我们一向比较懒,所以我们就…
今天的主角闪亮登场→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的缩写,是不是很好记呢?如果您还是懒的记,
可以到这个网站去看:http://www.w3schools.com/tags/ref_symbols.asp
【责任编辑:小戴工程师】
上一篇:dedecms网站系统-验证码错误解决办法 下一篇:5点吸引搜索引擎收录!网站优化