00:18
好了是吧。好了。这个使用这个叫什么?这阿布和before添加图标,这个不会用吗?大家。啊。来吧。打开来看一眼,比如说在这里边我们随便给他一个标签,给他一个div,然后给他起名一个class,一个A吧,然后里边我就随便放点内容了,对吧,然后呢,无论是使用这个叫什么。
01:07
呃。笔before是不得这么写对吧?在这里边说必须要配合抗的,抗的里面就是内容,你直接去写内容是不是就可以了,对吗?那现在你来看啊,只要是往里面写了一个A,那这里面出现的就应该是三个A,没错,对吧?那么咱们说了要加图标的话,那你加图标,你看你加什么图标,有的咱们一般用的是阿里的图标,对吧?那阿里的图标你就要把阿里图标下下来,那阿里的图标。他是哪天用来的。这个吧,这是我们之前下的对吧,我就直接给他放到这里来了啊。好了,那么咱们想一下,阿里的图标怎么用呢?你看啊,这里边是不是有一个DEMO点引袋子码,是不是演示的这些小案例,对吧?那么你往下看一下对吧,你别上来之后就开始去做,照着去做,你看啊,还有son有SN放的这些是开始给他的图标,对吧?这是图标的名称,那么这种是属于实体字符类型的,你记不记得咱们写A上面实体字符是不都是按的什么NBSP分号是不是都是这种类型呢?对吧?所以它属于实体字符类型的,这是一种方式,那么咱们用的是哪种方式,用的是。
02:28
第二种方式啊。是不是这种方式哦。对吧?哎,那你看好了,你把它点过来,你追加过去,按住CTRL键把它追加过去以后,你看它这里边b before是不是有这个图标的名称,这才是真正它字体的名称,看到了吗?你要想加,你把那名称加进去就加进去了,就写了,你比如现在啊,咱之前咱们是干嘛,是把这个名字加到我们的那个标签里,这个class里边,对吧,那现在我不加他,我就直接加一个,这个不也一样吗?比如说把它CTRLC。呃,拿到我们自己这里边来,这回我count里头是不是就不放A了,而是放他的那个名称了,对吧,叫杠1676,那这个时候你来看刷新有没有。
03:09
当然它没有显示全对吧,它只是显示相当于是一个一个简写,因为我们还少一个东西,我们还少它的字体库文件呢,字体库文件我们没拿过来,我只是把这个名称拿过来了,看到了吧,所以你加上来就可以了,能明白吧,那你要把字体库文件拿过来,比如说这里边,呃,它的字体库文件叫什么叫做。是这个吧。那就是我的。当前目录fo下边的I。C放在CSS,然后这个时候再来刷新。为什么?因为我没用啊。好了,嗯,这是什么图标。咱下过吗?下啊胡萝卜胡萝卜咋的对吧,那购物车你再去看看购物车的图标,购物车图标叫杠E600对吧,那你就把你的自己这里边,你不是要往里面加嘛,你就杠E600,用法是不是一样的,对,看到了购物车是不是变化出了,它不光能加这些,那你说我往这里面加个图片能不能加。
04:14
直接你看我代码提示后面是不是都有URL提示对吧,你直接加一张图片,我也去找一张在线图片了啊百度的。右键。复制图片地址,把它粘过来,是不是我也不知道啊。打开。就他了。复制图片地址。然后这里边图片是不是也加进来了,看到了吗?就你想加什么东西都可以去加,那包括比如说我不用阿里的图标,我自己去找一些图标,可不可以也可以图标呢?它有三种名称,第一种是HTML的实体字符,第二种是CSS实体字符,第三种是GS的实体字符,你只需要找到,能找到他就能加啊你比如说。
05:21
嗯。就这里吧。叫before。和after添加图标。来。你看这里面是不是给前面是你对应的这些图标的符号,对吧,然后这是对应的HTML的实体字符,这是对应GS的,这是对应CSS的,你比如说这里边咱们去找一个。有没有对号?有。
06:03
没有就随便来一个吧,就比如说这个这个箭头吧,叫杠啊不对,看错了,看这个杠2190吧。这里边扛杠。杠2190。然后你看咱们这里边加不加进来。是不是也加进来了,对吧,它跟你正常用法一样,你只要写上,你就往里往它C里边写就行了,所以为什么说before也好,After它一定要配合C来使用呢,对吧,你这里边你不写图标,你写其他的写图片写什么都可以。能明白什么意思吧,啊就是做这个东西的效果不一定非得一定要用抗,用其他的方式就不一定能呈现嘛,也未必对吧,Csi其实咱们在写在布局时候,大家也会发现你的布局跟你同时的布局都是两种方案对吧,他可能用这个能写出来了,你可能用的是另外一种方案能写出来。对吧,那不管你用哪一种方案,现在你只要能写出来就可以了。
07:02
能理解不,这回图标这个会会会玩了吗?这回不用再抢到了吧。行了。
我来说两句