前端学习之CSS——字体图标
1. 字体图标 1.1 字体图标的产生 字体图标使用场景: 主要用于显示网页中通用、常用的一些小图标。 精灵图是有诸多优点的,但是缺点很明显。 图片文件还是比较大的。 图片本身放大和缩小会失真。 一旦图片制作完毕想要更换非常复杂。 此时,有...
1. 字体图标 1.1 字体图标的产生 字体图标使用场景: 主要用于显示网页中通用、常用的一些小图标。 精灵图是有诸多优点的,但是缺点很明显。 图片文件还是比较大的。 图片本身放大和缩小会失真。 一旦图片制作完毕想要更换非常复杂。 此时,有...
前端零碎记录1- HTML+CSS -(符号表示方法,img标签,导航,布局溢出,多行文本水平居中) 符号表示方法 img(插入图片标签) 导航菜单 布局溢出问题 多行文本水平居中 符号表示方法 语句 解释 nbsp 空格 br 换行 lt...
Document
使用css的filter写鼠标滑过效果 <div class="filter-div"><img class="filter-img" src="../assets/ima...
在很久之前的一篇文章,有讲到 -webkit-box-reflect 这个属性 — 从倒影说起,谈谈 CSS 继承 inherit -webkit-box-reflect 是一个非常有意思的属性,它让 CSS 有能力像镜子一样,...
使用css实现奥运五环并在页面上居中显示 五环可以放在一个大的容器中,对他整体设置,相同的样式可以放在分组选择器内,大大减少代码的重复性 同时对盒模型的计算要清楚 使用定位元素, position:absolute; 绝对定位,特点:脱离原...
BFC、布局、属性选择符、非IE常见bug BFC 计算值的表达式 calc() width的属性值 雪碧图 非IE浏览器常见bug 属性选择符(通过html属性选择元素) 浏览器四大内核 结构性伪类 每日一丧 BFC BFC:块级格式化上...
Document </div></div>
文章目录 ❤️一.前言 ❤️二.三种方式添加样式表 ➡️1.先说第一种,直接在Qt Designer 中添加样式。 ➡️2.在代码中使用setstylesheet函数添加样式 ➡️3.创建qss文件添加样式 ❤️三.选择器 ➡...
最近有个业务需求:校对图片文本信息,如下图所示,当鼠标点击文本中某一行的时候,文本上会显示对应行图片同时左侧会显示对应位置的画框。 clip-path 今天要说的主题是:如何剪切原图中的部分图片?(前提是后端已经传给了我们对应行在图片上的位...