display:flow-root可以让元素块状化,同时包含格式化上下文BFC,可以用来清除浮动,去除margin合并,实现两栏自适应布局等。
“CSS相关”目录存档
快速了解CSS display:flow-root声明
2020年05月12日,星期二借助CSS mask遮罩显著优化PNG图片的尺寸
2020年05月8日,星期五带有透明区域,同时色彩丰富的PNG图片再怎么压缩体积也是很大的,有没有什么办法既保持PNG图片的透明,又显著降低图片的尺寸呢?本文就将介绍如何使用CSS遮罩降低超过50%大小的PNG体积,优化性能。
CSS conic-gradient()锥形渐变简介
2020年04月20日,星期一锥形渐变是CSS Images Module Level 4规范中新定义的一种渐变,可以非常方便实现过去很难实现的效果,例如饼图,色板,棋盘等各种效果,CSS开发必学必会技能。
了解CSS min()/max()/clamp()数学函数
2020年04月12日,星期日目前主流浏览器都已经支持了CSS min()/max()/clamp()数学函数,可以让你的布局和样式表现更加的智能。
CSS技术分享: 文字在圆形内沿着弧线边界排版
2020年04月9日,星期四CSS text-decoration实现宽度100%波浪线效果
2020年03月21日,星期六波浪线效果CSS 径向渐变可以绘制,SVG也可以实现,这里介绍另外一个自己想到的实现方法,使用text-decoration实现宽度100%波浪线效果,易理解易上手,尺寸可控,颜色可控。
CSS overflow-wrap新属性值anywhere是干嘛用的?
2020年03月18日,星期三先介绍overflow-wrap属性,再介绍overflow-wrap新出了一个属性值anywhere,说不定在以后文字排版布局时候用得上。
关于CSS emoji字体和OpenType-SVG我所知道的一些事
2020年03月12日,星期四关于Emoji字体你可能不知道的一些知识,顺便简单介绍了下彩色字体标准之一的OpenType SVG字体的一些知识。
深入理解position sticky粘性定位的计算规则
2020年03月7日,星期六sticky粘性定位规则比较复杂,涉及“流盒”(flow box)和“粘性约束矩形”等概念,如果不搞清楚原理,是无法明白明明设置了粘性定位样式却没有效果的原因的。
我是如何通过CSS向JS传参的
2020年02月13日,星期四介绍两种我常用的将CSS媒体查询信息传递给JS的方法,一种是伪元素+content属性发,一种是CSS var自定义属性方法,这样传参有助于降低开发成本,让CSS和JS在一些条件信息上保持一致。