摘要：
前言 自定义属性（有时可以称为css变量或者层叠variables）是由css作者定义的实体，这些实体在一个document内可以被重用。一般按照自定义属性的符号设置（比如，--main-color: black；）然后使用var()函数使用。（例如color: var(--main-color)） 阅读全文
摘要：
普通用户下载图片时只需一个「右键另存为」操作即可完成，但当我们做在线编辑器、整个 UI 都被自定义时，要如何赋予用户一个安全下载页面中图片功能的能力呢？ 0. 利用 <a> 标签下载资源 最简单的办法，当然是利用 <a> 标签。根据 MDN 描述， <a> 标签有一个属性叫 download ，此属 阅读全文
摘要：
一、需要通过css传参的背景 css中有很多媒体查询的用法，例如设备尺寸判别，是否支持鼠标行为，是否是黑暗模式，是否是省电模式等。 比方说最近经常提到的黑暗模式，深色主题： @media (prefers-color-scheme: dark) { /* 黑暗模式，深色主题 */ } @media 阅读全文
摘要：
page-break-after可以实现强制分页，比如始终在<footer>元素后插入分页符, @media print 表示这段css只在打印时起作用。 @media print { footer {page-break-after: always;} } css 语法 page-break-af 阅读全文
摘要：
简单来说 src 就是 “我想加载这个资源”，而 href 就是 “我想和这个资源建立关联” src 主要用于元素替换，href 用于和相关文档和外部资源建立相关链接。href 属性说明本地Web资源和定义的资源建立了链接。 如： vi设计http://www.maiqicn.com 办公资源网站大 阅读全文
摘要：
前些日子总被人问起 iOS Retina 屏，设置 1px 边框，实际显示 2px，如何解决？原来一直没在意，源于自己根本不是像素眼……今天仔细瞅了瞅原生实现的边框和css设置的边框，确实差距不小…… 上图是原生实现，下图是 css 边框，手机上对比更加明显 然后，如何解决呢？搜遍整个谷歌，发现好多 阅读全文
摘要：
JavaScript 与 css 已经相生相伴 20 年了，但是要在它们之间共享数据却非常困难。当然，这方面肯定有过一些尝试，不过我想到的是简单而又直观的做法：不需要做代码结构上的改动，而是利用 CSS 自定义属性，甚至是 Sass 变量。 CSS 自定义属性 CSS 自定义属性现在也不算什么稀罕物 阅读全文
摘要：
在网页的布局中几大段文字挤在一起总归是不好看的，这时候我们就需要来设置行间距来让文字看起来不拥挤，也让整个页面看起来美观整洁，那么，行间距该如何设置呢？本篇文章就来给大家介绍一下css行间距的设置方法。 html 行间距的设置方法与问题 设定一段文字内的行距： <p> 但我们怎么设定两段文字之间的行 阅读全文