
css
单眼皮丶儿
这个作者很懒,什么都没留下…
展开
-
css 杂项
/*css禁止文字被鼠标选中*/ .box { moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; } /*文字自动换行(主要针对英文,数字等,中文会自动换行)*/ ...原创 2020-09-23 22:09:56 · 226 阅读 · 0 评论 -
利用input:checkbox模拟开关按钮
<style> input[type="checkbox"] { -webkit-appearance: none; /*去掉复选框原有样式*/ } input[type="checkbox"]:checked + label, input[type="ch...原创 2019-08-06 21:03:13 · 855 阅读 · 0 评论 -
完美解决浮动产生的影响
-浮动-,相信对于很多前端的同学都不是事,不过最近有后端小哥哥向我询问关于浮动的问题,下面我就简单介绍一下浮动会产生什么问题,并且该怎样去解决,相信聪明的你一看就懂了。 在讲浮动之前,首先声明一下行内元素和块级元素的概念:简单来说,行内元素就是不可设置宽高,且与其它元素并排显示的元素(a、img标签等),而块级元素是可以设置宽高且独占一行的元素(p、div标签等)。 display:block...原创 2018-08-10 21:01:19 · 361 阅读 · 3 评论 -
css3中px, em, rem间区别与换算总结
首先px, em, rem都是相对长度单位: 区别: px:像素,相对于显示器分辨率而言。 em:相对于当前对象内文本的字体尺寸,如当前对行内文本的字体尺寸未被设置,则相对于浏览器的默认字体尺寸。 rem:为css3新增的一个相对单位,但是rem只相对于HTML根元素,使用rem的好处是只修改根元素就可以成比例的调整所有字体的大小,又可以避免字体大小逐层复合的连锁反应。 换算: 任意...原创 2018-07-20 17:11:10 · 475 阅读 · 0 评论 -
根据屏幕大小以及设计稿进行rem适配(进行误差修正处理)
!(function(n) { var e = n.document, t = e.documentElement, i = 750, d = i / 100, o = 'orientationchange' in n ? 'orientationchange' : 'resize', a = function() { var n = t.clientWidth ...原创 2020-08-04 16:35:57 · 409 阅读 · 0 评论