#css 相关

css 技巧和基础为主

4 篇文章

现代 CSS 切换主题方式探索

最近重构了博客系统,其中涉及到主题切换的方案,于是就有了这次的分享。 示例图片 UnoCSS 方案 使用 CSS 变量配合 UnoCSS 插件注入的方式完成主题切换功能。 具体来说,我们的主题有三种模式: 跟随系统; 浅色; 深色。 其中,用户手动选择的模式会覆盖系统跟随模式。 一个比较容易想到的方...

现代 CSS 切换主题方式探索 - 图片 1
现代 CSS 切换主题方式探索 - 图片 2
ios屏幕适配

ios屏幕适配

这篇文章算是迟来的总结,最近做了一个 h5 项目内嵌到 app 页面内联,默认情况下 app 那边不会做任何处理,也就是顶部和底部需要额外处理一下 bg 做法 默认情况下 ios 的顶部状态栏是20px,如果存在刘海则是44px,当然实际开发中也不需要使用 js 来进行判断,因为 ios11 之后新...

选择器那些事

失踪人口冒个泡 优先级 入门学习的时候一定就听说过这些概念,在菜鸟教程之类的网站上也肯定学习过,比如类的优先级为 10、标签的优先级为 1,这些都是辅助我们记忆的,下面就来说一说容易出错的点。 这里输出的margin为多少? 答案是20px,对于类和属性选择器以及伪类优先级是一致的,当然这个例子只是...

无效的height100%?

之所以写 height,是因为它出现的场所比较多 不知道你们有没有这样写过 css 属性,不过很遗憾这是无效的。 父级没有给定明确的高度么? 这样说有一定正确性,不过不够全面,在 height 的规范中规定了两种情况 100%可以解析出来 父级给定明确的高度 这个没什么好说的,平时我们也是这样写的 ...