文章分类 -  html/css

css超过三行就隐藏成省略号
摘要：.esptext{ display: inline-block; overflow: hidden; text-overflow: ellipsis; cursor:pointer; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-o 阅读全文
posted @ 2020-07-06 11:24 锐庆 阅读(3693) 评论(0) 推荐(0)
CSS：关于“-webkit-appearance: none”样式使用问题
摘要：场景:在开发微商城的时候,经常会遇到ios端和安卓端的样式显示不一样,例如同一按钮(样式一样)会显示不一样的颜色,导致项目整体的搭配不是很好.在网上搜索了一番后,发现css样式:-webkit-appearance: none,就可以去除浏览器默认样式. ul, li, dl, dt, dd, fo 阅读全文
posted @ 2020-07-01 15:50 锐庆 阅读(1519) 评论(0) 推荐(0)
清除浮动
摘要：传统清除浮动：伪元素 .clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/ content: ""; display: block; height: 0; clear:both; visibility: hidden; } .clearfix{ *zoom: 1;/*ie 阅读全文
posted @ 2020-06-30 09:40 锐庆 阅读(73) 评论(0) 推荐(0)
伪元素清除浮动
摘要：伪元素清除浮动 <!--将clearfix类名加到浮动元素父级盒子上--> .clearfix:after{ content:""; /*设置内容为空*/ height:0; /*高度为0*/ line-height:0; /*行高为0*/ display:block; /*将文本转为块级元素*/ 阅读全文
posted @ 2020-06-04 17:07 锐庆 阅读(162) 评论(0) 推荐(0)
input框样式
摘要：input框样式 .onetag input{ outline-style:none; border: solid 1px #ddd; border-radius: 3px; padding: 3px 0px; font-family: "Microsoft soft"; } 发蓝光交互 .onet 阅读全文
posted @ 2020-06-02 18:34 锐庆 阅读(135) 评论(0) 推荐(0)
文件上传input 属性
摘要：文件上传input 属性 对应事件：change 常用属性：accept, multiple, capture accept：限制文件类型 audio/ 表示所有音频文件 HTML5（支持） video/ 表示视频文件 HTML5（支持） image/ 表示图片文件 HTML5（支持） 支持逗号分隔 阅读全文
posted @ 2020-03-26 15:23 锐庆 阅读(1276) 评论(0) 推荐(0)