随笔分类 -  css

前端样式
CSS多余的文本文字使用省略号显示
摘要：.params_attributeAlias { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 阅读全文
posted @ 2022-11-30 17:22 Magi黄元 阅读(34) 评论(0) 推荐(0) 编辑
移动端字体设置
摘要：body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; } iOS 4.0+ （ 阅读全文
posted @ 2022-06-27 15:37 Magi黄元 阅读(417) 评论(0) 推荐(0) 编辑
css开发规范
摘要：id和class的命名 ID和class的名称总是使用可以反应元素目的和用途的名称，或其他通用的名称，代替表象和晦涩难懂的名称不推荐 : .fw-800 { font-weight: 800; } .red { color: red; } 推荐 : .heavy { font-weight: 800 阅读全文
posted @ 2022-06-27 09:49 Magi黄元 阅读(62) 评论(0) 推荐(0) 编辑
利用伪类画有长度的border-bottom
摘要：.text_selected::after { position: absolute; content: ''; width: 20%; border-bottom: 6rpx solid #007C7F; left: 0; right: 0; bottom: 10rpx; margin: 0 au 阅读全文
posted @ 2022-06-20 10:18 Magi黄元 阅读(60) 评论(0) 推荐(0) 编辑