css
女王的禅师范
当你凝望深渊时
展开
-
手机端页面不同大小适配
适配: <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用...原创 2018-11-08 15:02:30 · 413 阅读 · 0 评论 -
关于em,rem单位
em是相对长度单位,相对于父元素的font-size 像素大小。如,父元素的font-size 是14px,那么1em 就是14px。 rem 就是相对于根元素的font-size大小。比如,网页的body,html元素,设置font-size 为18px,那么1rem就是18px。 ...原创 2018-11-08 14:59:12 · 199 阅读 · 0 评论 -
手机端 input submit IOS和Android中样式兼容问题
IOS有默认的渲染按钮方式(渐变和圆角) IOS中按钮高度不会随行高自动调整 border:0; height: 4em; -webkit-appearance:none; ...原创 2018-11-07 17:28:01 · 869 阅读 · 0 评论 -
CSS ::backdrop
::backdrop伪元素就是控制需要视觉聚焦的元素后面的背景元素样式的。 CSS代码: /* 给全屏时候视频背景加个透明 */ video::backdrop { background-color: #fff; background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, ...转载 2018-12-28 14:48:26 · 2589 阅读 · 0 评论 -
css变量
1.变量的声明 CSS变量声明是字母前加两个横线(–)如: body{ --Colors:#dfdfdf; --fS16px:16px; } 上述代码中,body选择器中声明了Colors和fS16px两个变量。而使用‘–’是因为$被Sass占用了,@被Less占用了,所以是为了区分它们。 同时,你也可以用–root{}来存放所有变量,在下边使用的时候直接调用即可。如: --root{ ...转载 2019-02-12 10:11:17 · 239 阅读 · 0 评论 -
css3 animation 的基础认识
css3 中的 animation属性主要用来做动画的,详细的文章看:http://www.w3cplus.com/content/css3-animation 调用animation的方法:animation-name(动画名称) animation-duration(播放动画的总时长) animation-timing-function(动画的播放方式: linear:规定以相同速度开始至结束...转载 2019-02-18 09:50:43 · 252 阅读 · 0 评论