2022年最期待的大杀器CSS特性@container规则和container容器查询Chrome和Safari都已正式支持,来看看其可以做些什么,特性和语法又是什么?
“CSS相关”目录存档
介绍2022最期待且已正式支持的CSS container容器查询
2022年09月27日,星期二巧用:is()或:where()伪类让scoped的style依然全局匹配
2022年09月20日,星期二本文介绍一个实用前端技术,可以让框架中私有上下文中的CSS不添加随机属性选择器,从而可以匹配第三方组件的HTML结构以及JS动态生成的HTML元素。
来了,来了,CSS :has()伪类她来了
2022年08月24日,星期三盼星星盼月亮,盼了24年,:has() 伪类终于来了,在棘手的性能问题解决之后,这是一个神级CSS伪类,以后一定会在前端领域掀起不小的波澜。
万物皆可clip-path,纯CSS绘制0-9数字
2022年07月27日,星期三抽几个小时使用 clip-path 绘制了一套 CSS 数字,可任意免费使用,大家自取。
超酷!CSS font-palette与彩色字体显示
2022年07月21日,星期四本文详细介绍关于多彩字体的知识,以及如何使用 font-palette 等CSS属性设置字体的不同色调,国内首发,稀缺干货知识。
CSS排版为何强?瞧瞧多牛这换行
2022年06月30日,星期四在 CSS 这门语言中,凡是 Web 中的换行规则都可以改变,无论是中文的还是英文的,灵活到超出你的想象,非常强大!
基于文字的URL锚点定位与::target-text样式设置
2022年06月12日,星期日文字选区片段高亮又新增一名成员,可以使用 ::target-text 伪元素进行匹配,反正耽误不了几分钟,过来看看,说不定之后用得着。
介绍一种CSS变量未定义语法也OK的小妙招
2022年06月12日,星期日我以为我对 CSS 变量了解够多够深入了,没想到还是有知识的盲区,今天这个小技巧小特性就是其中之一,并且是相当实用的一个特性。
详解日后定会大规模使用的CSS @layer 规则
2022年05月28日,星期六我话就放在这里了,不出三年,CSS @layer 规则一定会在业界遍地开花,到处使用。
CSS必学基础:理解CSS中的级联规则
2022年05月22日,星期日CSS中有两个重要的基础规则,一个是级联(Cascading),一个是继承(Inheritance),本文详细介绍级联规则,理解了级联,就能明白某些看似普通但不解的背后现象的原因。