![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 69
LeaT07
当下圆满 随即高兴
展开
-
2024前端面试真题【CSS篇】
无缩放情况下,1个css像素 = 1个设备独立像素;设备像素由屏幕生成之后确定,不变;PC中,1个设备独立像素 = 1个设备像素(未缩放情况下);移动端中,标准屏幕(160ppi)下,1个设备独立像素 = 1个设备像素;设备像素比(dpr) = 设备像素 / 设备独立像素;每英寸像素(ppi),值越大越清晰。原创 2024-07-09 23:27:59 · 811 阅读 · 0 评论 -
css 实现div 4个角尖角边框样式
经常使用的一个小技巧,在不添加额外元素的情况下,使用background绘制div的4个角border.is-active:before{ content: ''; position: absolute; top: 2px; left: 2px; width: 100%; height: 100%; background: linear-gradient(to lef原创 2021-10-27 11:27:12 · 1285 阅读 · 0 评论 -
前端笔记整理(CSS)
前端基础知识CSS3新特性CSS盒模型BFC水平垂直居中CSS3新特性文字换行:word-wraptext-overflow、text-decoration、text-shadowgradient 渐变transition、transition-duration 过渡transform 拉伸、压缩、旋转灯变换animation 动画calc()transition和animation的区别:transition需要触发一个事件才能改变属性,而animation不需要触发任何事件的情况原创 2021-05-21 13:32:35 · 244 阅读 · 1 评论