![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
像素检测仪
你再改需求试试呢...
展开
-
css使用伪元素绘制带三角箭头的提示框
css使用伪元素绘制带三角箭头的提示框原创 2024-03-06 14:35:29 · 680 阅读 · 0 评论 -
css属性:clip-path按需裁剪为多边形
css属性:clip-path按需裁剪为多边形原创 2024-03-06 14:27:34 · 501 阅读 · 0 评论 -
css图片由左至右逐渐展示(vue中实现)
css图片由左至右逐渐展示原创 2023-02-16 15:18:06 · 2145 阅读 · 0 评论 -
【pc与移动端适配小tip】使用scss做vh,vw单位适配,scss的mixin与function方法
使用scss做vh,vw单位适配,scss的mixin与function方法原创 2022-06-23 10:59:58 · 491 阅读 · 0 评论 -
CSS提高图片清晰度
CSS提高图片清晰度多个浏览器兼容代码原创 2022-04-24 15:17:33 · 2668 阅读 · 0 评论 -
css的content 属性实现 css 计数器(伪元素与content实现)
这里写目录标题伪元素与content简介什么是伪元素?伪元素的语法:CSS - ::after 伪元素CSS - ::before 伪元素content的作用css计数器相关属性1.counter-reset2.counter-increment3. counter()/counters()计数器示例伪元素与content简介什么是伪元素?CSS 伪元素用于设置元素指定部分的样式。例如,它可用于:设置元素的首字母、首行的样式在元素的内容之前或之后插入内容伪元素的语法:selector::ps原创 2022-03-01 09:31:58 · 247 阅读 · 0 评论 -
保留PC端hover样式,取消移动端hover样式
问题:在pc端hover样式是鼠标悬浮显示,不悬浮就消失;在移动端,hover样式点击后显示,此后如果我们不做处理,那么hover样式就一直存在。解决方法:判断设备是否具备hover事件,决定是否显示hover样式:@media (any-hover: hover) { a:hover { background: yellow; }}这样写就只有支持hover的才会显示hover样式。...原创 2022-02-21 15:19:46 · 2279 阅读 · 0 评论 -
CSS设置文本溢出显示为省略号
单行溢出使用text-overflow属性,并且要加width宽度属性overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行溢出WebKit内核和移动端的浏览器,使用CSS扩展属性display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;//显示的行数overflow: hidden;...原创 2021-12-28 13:38:51 · 227 阅读 · 0 评论 -
CSS中的font-family字体集,附在chrome浏览器中的效果图
windows在chrome浏览器中的效果图:宋体 SimSun黑体 SimHei微软雅黑 Microsoft YaHei微软正黑体 Microsoft JhengHei新宋体 NSimSun新细明体 PMingLiU细明体 MingLiU标楷体 DFKai-SB仿宋 FangSong楷体 KaiTi仿宋_GB2312 FangSong_GB2312楷体_GB2312 KaiTi_GB2312Mac OS在chrome浏览器中的效果图:华文细黑:STHeiti Light原创 2021-12-24 09:00:14 · 2779 阅读 · 0 评论 -
HTML长串数字和字母不换行解决方法
在css中加上word-break: break-all可以实现换行效果原创 2021-12-13 09:15:18 · 542 阅读 · 0 评论