随笔分类 -  CSS

移动web开发适配秘籍Rem
摘要：移动web开发的特点 运行在手机端web页面（H5页面）： 对于手机而言，兼容HTML5所有的新特性 **跨平台性：**可以运行在PC端、IOS端 、安卓端， **基于webview：**webView是移动端提供的运行JavaScript的环境，是系统渲染Web网页的一个控件，可与页面JavaSc 阅读全文
posted @ 2021-12-27 11:22 Echoyya、 阅读(199) 评论(0) 推荐(1)
背景色透明度兼容IE8的写法
摘要：本文为Echoyya、所创，转载请带上原文链接，感谢 https://www.cnblogs.com/echoyya/p/14236242.html 通常的做法 目前大多数浏览器都支持 CSS3，只需将背景色设为类似于rgba(0, 0, 0, 0.5) 这样的rgba 颜色即可：前三个值分别表示红 阅读全文
posted @ 2021-01-05 15:47 Echoyya、 阅读(366) 评论(2) 推荐(0)
JQuery统一复写美化项目中所有radio单选按钮样式
摘要：老项目要升级改版，对于分散在各页面的样式不好处理，怕有遗漏，尤其是优化input表单，修改其默认样式，接下来，我将给大家分享一下，我在项目中的总结。 本文为Echoyya、所创，转载请带上原文链接，感谢 https://www.cnblogs.com/echoyya/p/14126709.html 阅读全文
posted @ 2020-12-12 20:35 Echoyya、 阅读(651) 评论(0) 推荐(1)
link和@import引入css 区别，不建议使用@import
摘要：众多周知，有两种方法可以在页面中导入样式文件。 <link href="a.css" rel="stylesheet"> <style> @import url('a.css'); </style> 1. 用法区别 @import是 CSS 提供的语法规则，只有导入样式表的作用；link是HTML提 阅读全文
posted @ 2020-11-13 14:34 Echoyya、 阅读(2673) 评论(1) 推荐(8)
CSS+JS 实现动态曲线进度条
摘要：由于系统UI风格升级，产品童鞋和UI童鞋总是想要搞点儿事情出来，项目页面上的进度条从直线变成了曲线，哈哈，好吧，那就迎难而上 实现效果： 1.简单搞一搞 CSS , 此处代码有折叠 .process { width: 110px; box-sizing: border-box; margin: 0 阅读全文
posted @ 2020-11-07 15:47 Echoyya、 阅读(1338) 评论(0) 推荐(0)
Display、Visibility 和 Opacity 的区别
摘要：<style> .d1{ display: none; } .d2{ visibility: visible; } .d3{ opacity: 0; } </style> <div class="d1" onclick="clickEvent('display: none;')"></div> <d 阅读全文
posted @ 2020-09-10 15:30 Echoyya、 阅读(597) 评论(0) 推荐(1)
CSS Sprites精灵图(雪碧图)
摘要：简介 CSS精灵图，是一种网页图片应用处理方式。允许将一个页面涉及到的所有零星图片都包含到一张大图中 利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位， 访问页面时避免图片载入缓慢的现象。 优点 阅读全文
posted @ 2020-06-09 10:15 Echoyya、 阅读(300) 评论(0) 推荐(2)