2021年02月18日 by 张 鑫旭 阅读 26973 次, 今日 29 次
CSS line-break属性专门中文、日文这样的语言设计，主要用来设置一些连字符和中文标点的换行规则，关键时候会有有用，建议进来了解下。
阅读全文…
标签： break-all, line-break, overflow-wrap, wbr, word-break, 字符换行
发布在 CSS相关 | 6 条评论 »
2021年02月17日 by 张 鑫旭 阅读 20537 次, 今日 25 次
aspect-ratio让元素保持固定的高宽比例，很实用，本文会详细介绍该属性在各种场景下的尺寸表现，相信会对您的学习有所帮助的。
阅读全文…
标签： aspect-ratio, height, max-height, max-width, min-height, min-width, width, 比例
发布在 CSS相关 | 6 条评论 »
2021年02月17日 by 张 鑫旭 阅读 17776 次, 今日 25 次
text-underline-offset属性可以设置下划线的偏移位置，可以有效解决中文字体下划线和字符重叠的问题，目前已经可以放心使用了。
阅读全文…
标签： border, text-decoration, text-decoration-color, text-decoration-position, text-underline-offset
发布在 CSS相关 | 一条评论 »
2021年02月16日 by 张 鑫旭 阅读 22527 次, 今日 54 次
::marker是CSS中新出的一种伪元素，用来匹配列表项中的marker box，可以改变项目符号的颜色字体等，甚至改变项目符号内容，填补了CSS以前这块的能力空白。
阅读全文…
标签： ::after, ::before, ::marker, content, list-item, 伪元素
发布在 CSS相关 | 5 条评论 »
2021年02月16日 by 张 鑫旭 阅读 35456 次, 今日 28 次
HTML字符串转DOM方法有好几个，本文盘点下各个方法的特性和优缺点，以及您可能不知道的相关DOM API方法的其他细节，希望可以对大家的学习有所帮助。
阅读全文…
标签： childNodes, children, createContextualFragment, createRange, dom, DOMParser, firstChild, firstElementChild, innerHTML, insertAdjacentHTML, parseFromString, template
发布在 JS API | 6 条评论 »
2021年02月15日 by 张 鑫旭 阅读 35146 次, 今日 37 次
本文介绍多种使用JS检测用户是否缩放页面的方法，有的针对PC桌面端浏览器，有的针对mobile移动端浏览器，您会学到不少新的API，以及新颖的实现思路。
阅读全文…
标签： @media, devicePixelRatio, innerWidth, localStorage, matchMedia, outerWidth, resize, ResizeObserver, visualViewport, zoom
发布在 JS实例 | 15 条评论 »
2021年02月14日 by 张 鑫旭 阅读 14198 次, 今日 23 次
本文介绍一种CSS小技巧，可以实现线条从元素或字符的中间穿过，实现不难，但是思路很巧妙，希望本文的技术关键时候可以帮到您。
阅读全文…
标签： 3d, line-through, perspective, rotateX, rotateY, text-decoration, transform, transform-style, translateZ
发布在 CSS相关 | 2 条评论 »
2021年02月14日 by 张 鑫旭 阅读 16902 次, 今日 23 次
CSS全局关键字包括inherit、initial、unset和revert，其中inherit最实用，其次是revert，本文就简单介绍下revert关键字及其作用。
阅读全文…
标签： all, inherit, initial, list-style-type, ol, revert, ul, 全局关键字
发布在 CSS相关 | 3 条评论 »
2021年02月13日 by 张 鑫旭 阅读 20106 次, 今日 27 次
Web组件开发可能需要引入外部CSS到Shadow DOM中，本文就介绍3种各有优缺点CSS import的方法，帮助大家更好地进行web components组件开发。
阅读全文…
标签： @import, adoptedStyleSheets, CSSStyleSheet, export, fetch, Shadow DOM, Web Components
发布在 CSS相关, JS实例 | 6 条评论 »
2021年02月13日 by 张 鑫旭 阅读 13671 次, 今日 22 次
介绍一个CSS项目，5.9K Star的CSS项目Water.css，适用于简单页面的美化，对于经常需要做演示页面的开发者会很有用。
阅读全文…
标签： css reset, dialog, form, normalize.css, ol, quickLayout, Water.css, zxx.lib.css, 按钮, 链接
发布在 CSS相关 | 3 条评论 »
我的应用
我的应用