AI智能
改变未来

CSS 第10页

前端学习之CSS——字体图标-爱站程序员基地

前端学习之CSS——字体图标

AI

1. 字体图标 1.1 字体图标的产生 字体图标使用场景: 主要用于显示网页中通用、常用的一些小图标。 精灵图是有诸多优点的,但是缺点很明显。 图片文件还是比较大的。 图片本身放大和缩小会失真。 一旦图片制作完毕想要更换非常复杂。 此时,有...

使用css实现奥运五环并在页面上居中显示-爱站程序员基地

使用css实现奥运五环并在页面上居中显示

AI

使用css实现奥运五环并在页面上居中显示 五环可以放在一个大的容器中,对他整体设置,相同的样式可以放在分组选择器内,大大减少代码的重复性 同时对盒模型的计算要清楚 使用定位元素, position:absolute; 绝对定位,特点:脱离原...

前端学习笔记(12)之css一些无聊的知识点-爱站程序员基地

前端学习笔记(12)之css一些无聊的知识点

AI

BFC、布局、属性选择符、非IE常见bug BFC 计算值的表达式 calc() width的属性值 雪碧图 非IE浏览器常见bug 属性选择符(通过html属性选择元素) 浏览器四大内核 结构性伪类 每日一丧 BFC BFC:块级格式化上...

使用CSS的clip-path实现图片剪切效果-爱站程序员基地

使用CSS的clip-path实现图片剪切效果

AI

最近有个业务需求:校对图片文本信息,如下图所示,当鼠标点击文本中某一行的时候,文本上会显示对应行图片同时左侧会显示对应位置的画框。 clip-path 今天要说的主题是:如何剪切原图中的部分图片?(前提是后端已经传给了我们对应行在图片上的位...