伪元素选择器使用场景-字体图标(CSS3)

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS3伪元素选择器使用场景-字体图标</title><style>@font-face {font-family: 'icomoon';src: url('fonts/icomoon.eot?s6yjcv');src: url('fonts/icomoon.eot?s6yjcv#iefix') format('embedded-opentype'),url('fonts/icomoon.ttf?s6yjcv') format('truetype'),url('fonts/icomoon.woff?s6yjcv') format('woff'),url('fonts/icomoon.svg?s6yjcv#icomoon') format('svg');font-weight: normal;font-style: normal;font-display: block;}div {width: 200px;height: 35px;border: 1px solid red;}div::after {font-family: 'icomoon';content: '';}</style>
</head><body><div></div>
</body></html>

伪元素选择器使用场景-字体图标(CSS3)相关推荐

伪元素选择器使用场景2-仿土豆网显示隐藏遮罩案例(CSS3)
伪元素选择器使用场景2-仿土豆网显示隐藏遮罩案例(CSS3) <!DOCTYPE html> <html lang="en"><head>< ...
在伪元素中如何使用字体图标
一.下载字体图标二.将下载的字体图标放到项目中三.在main.js中引入四.在css中的使用 &::after {content: '\e601';font-family: 'iconf ...
web前端入门学习 css（8）（新增语义化标签、video/audio、新增input类型、新增表单属性、属性选择器、结构伪类选择器、伪元素选择器、css3盒子模型、模糊、calc函数、过渡
https://www.bilibili.com/video/BV1pE411q7FU?p=276 文章目录 html5新特性 html5新增语义化标签 header头部 nav导航 article内 ...
【04】HTML5+CSS3：01-HTML5新增标签、多媒体标签、input标签、新增表单属性、CSS3属性选择器、伪元素选择器、2D转换
文章目录 HTML5 第一天一.什么是 `HTML5` 二.`HTML5 ` 新增标签三.多媒体音频标签四.多媒体视频标签五.新增 input 标签六.新增表单属性七.`CSS3 ` 属性 ...
十三、CSS 3新特性详解（一）——属性、结构伪类、伪元素选择器，nth-child与nth-of-type区别，2D rotate，calc函数、滤镜filter、过渡transition
七.CSS3 属性选择器(上) 什么是 CSS3 在 CSS2 的基础上拓展.新增的样式 CSS3 发展现状移动端支持优于 PC 端 CSS3 目前还草案,在不断改进中 CSS3 相对 H5,应用非 ...
CSS3简介、新增选择器、属性选择器、伪元素选择器、伪元素
CSS3知识点: CSS3的相关属性不兼容低版本浏览器,IE9以下是不兼容的,在实际开发中要特别注意,移动端支持优于PC端,是在CSS2上新增的属性,关于兼容这里有两个名词需要了解: 渐进增强 :(针 ...
html5新增的伪类选择器有,CSS3新增了哪些选择器？（属性、结构伪类、伪元素选择器）...
在css3提供的新选择器之前,选择一个元素需要借助id或者class,css3新增的选择器可以更灵活的去选择需要的元素,那css3提供了哪些好用的选择器呢? 首先就是属性选择器,我们可以通过属性选择器 ...
CSS3之伪元素选择器和伪类选择器
伪类选择器,和一般的DOM中的元素样式不一样,它并不改变任何DOM内容.只是插入了一些修饰类的元素,这些元素对于用户来说是可见的,但是对于DOM来说不可见.伪类的效果可以通过添加一个实际的类来达到. ...
CSS基础(part21)--CSS3伪元素选择器
学习笔记,仅供参考,有错必究参考自:pink老师教案 CSS3伪元素选择器伪类选择器: 选择符简介 ::before 在元素内部的前面插入内容 ::after 在元素内部的后面插入内容伪类选择 ...

伪元素选择器使用场景-字体图标(CSS3)

伪元素选择器使用场景-字体图标(CSS3)

伪元素选择器使用场景-字体图标(CSS3)相关推荐

最新文章

热门文章