随笔分类 -  △ CSS

LESS 纯CSS带小三角提示框方案
摘要：效果预览 实现方法 (less) .layer-item-tip { position: absolute; left: 22px; top: 89px; padding: 6px; width: 232px; color: #F28645; text-align: left; line-heigh 阅读全文
posted @ 2021-09-02 15:51 KevinTseng 阅读(53) 评论(0) 推荐(0) 编辑
LESS flex布局和2x图方案
摘要：方案 // flex布局 .flex_func(@justify-content: flex-start, @align-items: center, @flex-direction: row, @flex-wrap: nowrap) { display: flex; justify-content 阅读全文
posted @ 2021-07-31 13:47 KevinTseng 阅读(117) 评论(0) 推荐(0) 编辑
LESS 移动端一像素1px线条CSS解决方案
摘要：问题描述 有些手机看到的1px线条比较粗 原因分析 大部分手机设备像素比DPR是1，所以CSS的1px显示出的物理像素为1px 也有采用Retina屏幕的手机，设备像素比DPR是2或3。所以CSS里的1px映射到物理像素上时，会变成2px或3px 解决方案 less版 // ** 1px线条 .bo 阅读全文
posted @ 2021-03-29 17:11 KevinTseng 阅读(178) 评论(0) 推荐(0) 编辑
CSS Reset.css
摘要：reset.css 常用 字体 阅读全文
posted @ 2020-01-04 14:29 KevinTseng 阅读(217) 评论(0) 推荐(0) 编辑
CSS Stylus（二）
摘要：运算符 编译结果 阅读全文
posted @ 2020-01-03 17:58 KevinTseng 阅读(163) 评论(0) 推荐(0) 编辑
CSS Stylus（一）
摘要：CMD命令 语法 选择器 变量 插值 输出结果 阅读全文
posted @ 2020-01-03 17:20 KevinTseng 阅读(231) 评论(0) 推荐(0) 编辑
CSS margin-top父元素下落
摘要：【我的解决方法】 给该父元素添加如下代码 【原因】 css2.1盒模型中规定的内容 In this specification, the expression collapsing margins means that adjoining margins (no non-empty content, 阅读全文
posted @ 2018-11-16 10:56 KevinTseng 阅读(503) 评论(0) 推荐(0) 编辑
CSS 文本溢出部分显示省略号
摘要：单行结尾溢出： 效果如图： 多行结尾溢出： 效果如图： 适用范围：因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端； 注： 拓展内容： 效果如图：适用范围：该方法适用范围广，但文字未超出行的情况下也会出现省略号,可结合js优化该方法。 注： 阅读全文
posted @ 2018-07-17 15:17 KevinTseng 阅读(182) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示