css3中,icon图标,为什么我就是弄不起来,请看图,请忽略图的F,把它当成H就好。

html-css015

css3中,icon图标,为什么我就是弄不起来,请看图,请忽略图的F,把它当成H就好。,第1张

要使用css3的字体图标,要有以下步骤:

1、下载字体所需的文件;

2、在css文件中用@font-face引入该文件;

3、在@font-face中指定字体名

4、引用自定义的字体

你上面的问题看下是不是没有引用到字体(font-family);

一、首先是C3属性选择器

1. 每一个标签都有自己的属性,是吧?要给它一个样式,就可以通过它的属性来找到它。

2. 属性选择器的权重是10

3. 都有哪些?

- 标签名[属性名]

- 标签

- 标签名[type="属性名"]

- ^= 以icon开始的选出来

- $= 以icon结尾的选出来

- *= 代表任意位置,包含该属性的就要选出来

例子

二、结构伪类选择器

语法:

nth-child(n) 释义:

- 想要选哪个n就在那个里面输入数字几就可以了

- 这里的n 可以有特殊数值偶数even 奇数odd 有利于做隔行变色

- n可以是公式

- -n+5选出前5个。

例子

三、ntf-of-type 选择器

先上总结:

- nth-child(n) 选择父元素里面的第一个 n个孩子

- of-type 选择指定类型的元素

例子

四、伪类选择器

方式一 ::before ::after

方式二 :before :after

总结:伪元素前面可以是一个冒号,也可以是两个冒号,不影响结果

例子