CSS3起步 04-------自定义字体图标以及新增的文本样式

问题一，什么是字体图标？
字体图标就是一些小图标，比如购物车，个人户口什么的。

问题二，怎末自定义呢？
明白你需要什么，然后让UI美工师给你画出什么，最后可以运用在线图标生成网站与某个字符绑定这个美工所画图标，当你使用这个字符时，浏览器就会为你解释成你所绑定的图标

范例：

	/* 引入自定义字体 */
	@font-face {
		font-family: 'name';//font-family: 'demo';
		src: url('src')format('type');//src: url('font/demo.svg')format('svg');
	}

推荐网站：
https://www.fontsquirrel.com/
https://icomoon.io/#home
https://icomoon.io/app/#/select
fontlab studio字体软件【字符处理绑定一个字符绑定一个图标】

文本新增样式
01，opacity透明度0~1
问题一，想想为什莫有之前的visibility还要c3的透明度呢？
这是因为opacity在整体上性能比较visibility高许多，并且随带说一句display相对于三者性能最低，因为它的所选元素是不占位置的，所以浏览器要对document进行重排，降低性能。
特别提醒：rgba(r,g,b,opacity) -> rgba(1,1,1,.87);也很不错哟~~~

02，text-shadow文字阴影
用途：浮雕文字/文字模糊【只是偏移量和模糊程度的不同所产生的视觉误差】；
浮雕：text-shadow: 1px 1px 1px black;

03，-webkit-text-stroke只有webkit内核才支持【IE内核不支持】
实例：-webkit-text-stroke: 2px pink;描边宽度为2px，颜色为pink

04，文字排版
direction:rtl;文字顺序，从右到左
unicode-bidi:bidi-override;//声明重写，若没有此属性，则上诉不生效

05，溢出文字省略号
overflow: hidden;溢出隐藏
text-overflow: ellipsis;//文本溢出部分，省略号，若没有上诉属性，则不生效
注意点：所包含文本的盒子必须是已经定长宽的，简单来说就是若是盒子是被内容文本撑开的，则上诉属性不生效