
CSS
样式
Echoyya、
这个作者很懒,什么都没留下…
展开
-
移动web开发适配秘籍Rem
目录移动web开发的特点Rem 布局适配原理Media Query(媒体查询)scss 工程使用函数计算JS动态获取屏幕的宽度直接将html 的 font-size 设置成 100px移动web开发的特点运行在手机端web页面(H5页面): 对于手机而言,兼容HTML5所有的新特性跨平台性:可以运行在PC端、IOS端 、安卓端,基于webview:webView是移动端提供的运行Java...原创 2021-12-27 11:22:00 · 69 阅读 · 0 评论 -
背景色透明度兼容IE8的写法
本文为Echoyya、所创,转载请带上原文链接,感谢 https://www.cnblogs.com/echoyya/p/14236242.html通常的做法目前大多数浏览器都支持 CSS3,只需将背景色设为类似于rgba(0, 0, 0, 0.5) 这样的rgba 颜色即可:前三个值分别表示红绿蓝(0 - 255)。第四个值是透明值,取值 0 完全透明,取值 1 完全不透明Demo...原创 2021-01-05 15:47:00 · 58 阅读 · 0 评论 -
JQuery统一复写美化项目中所有radio单选按钮样式
老项目要升级改版,对于分散在各页面的样式不好处理,怕有遗漏,尤其是优化input表单,修改其默认样式,接下来,我将给大家分享一下,我在项目中的总结。本文为Echoyya、所创,转载请带上原文链接,感谢 https://www.cnblogs.com/echoyya/p/14126709.html效果上代码:1.简单搞一搞 CSS,此处代码有折叠,Click Me~.custom-ra...原创 2020-12-12 20:35:00 · 94 阅读 · 0 评论 -
link和@import引入css 区别,不建议使用@import
众多周知,有两种方法可以在页面中导入样式文件。<link href="a.css" rel="stylesheet"><style> @import url('a.css'); </style>1. 用法区别@import是 CSS 提供的语法规则,只有导入样式表的作用;link是HTML提供的标签,不仅可以加载 CSS 文件,还可以定义 ...原创 2020-11-13 14:34:00 · 164 阅读 · 0 评论 -
CSS+JS 实现动态曲线进度条
由于系统UI风格升级,产品童鞋和UI童鞋总是想要搞点儿事情出来,项目页面上的进度条从直线变成了曲线,哈哈,好吧,那就迎难而上实现效果:1.简单搞一搞 CSS , 此处代码有折叠.process { width: 110px; box-sizing: border-box; margin: 0 auto; height: 55px; overflow...原创 2020-11-07 15:47:00 · 117 阅读 · 0 评论 -
Display、Visibility 和 Opacity 的区别
<style> .d1{ display: none; } .d2{ visibility: visible; } .d3{ opacity: 0; } </style> <div class="d1" onclick="clickEvent('display: none;...原创 2020-09-10 15:30:00 · 55 阅读 · 0 评论 -
CSS Sprites精灵图(雪碧图)
简介CSS精灵图,是一种网页图片应用处理方式。允许将一个页面涉及到的所有零星图片都包含到一张大图中利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位, 访问页面时避免图片载入缓慢的现象。优点减少网页的http请求,从而提高页面的性能,这是其最大的优点,也是被广泛传播和应用的...原创 2020-06-09 10:15:00 · 49 阅读 · 0 评论