2022年1月30日
CSS – word-break, overflow-wrap, word-wrap, white-space
摘要： 参考 word-break 和 word-wrap 的区别 (我以为这篇已经很厉害了) 彻底搞懂word-break、word-wrap、white-space (没想到, 这一篇更厉害) white-space white-space 是负责管理空格, 换行的, 比如 &nbsp; <br>, \ 阅读全文
posted @ 2022-01-30 23:08 兴杰 阅读(260) 评论(0) 推荐(0)
CSS – Dimension min-content, max-content, fit-content
摘要： 前言 无意间在 practice 的时候看到视频使用, 以前没有听过. 它有点像 Figma 的 hug content, 据说 CSS 2.1 也是有类似的概念, 只是没有被正式纳入 CSS 里. CSS 3 才开始用的. 参考: [译] CSS 内在尺寸教程（min-content、max-co 阅读全文
posted @ 2022-01-30 21:32 兴杰 阅读(156) 评论(0) 推荐(0)
CSS – z-index
摘要： 介绍 z-index 是用来设置 element 层次高低的 (当 element 重叠的时候) 参考: 4 reasons your z-index isn’t working (and how to fix it) 深入理解 CSS 属性 z-index Z-index CSS Tutorial 阅读全文
posted @ 2022-01-30 18:17 兴杰 阅读(162) 评论(0) 推荐(0)
CSS – Naming Conversion
摘要： 参考: CSS Naming Conventions that Will Save You Hours of Debugging Class Name kebab-case .hero-section {} JS Used Class Name prefix "js" + kebab-case cl 阅读全文
posted @ 2022-01-30 15:09 兴杰 阅读(84) 评论(0) 推荐(0)
CSS – Display block, inline, inline-block
摘要： 前言 之前 W3Schools 学习笔记就有提到了 CSS Layout - The display Property 这篇做更多的解释. 参考: CSS Display FLEX vs Block, Inline & Inline-Block Explained Disfault Display 阅读全文
posted @ 2022-01-30 13:17 兴杰 阅读(94) 评论(0) 推荐(0)