最近Chrome进行了第4批CSS数学函数的支持，包括mod()/rem()/round()，其中round()函数尤为的实用。
文章关键字 ‘font-size’
时隔两年，Chrome也支持round等CSS数学函数了
2024年09月26日，星期四介绍2022最期待且已正式支持的CSS container容器查询
2022年09月27日，星期二
使用CSS size-adjust和unicode-range改变任意文字尺寸
2022年03月27日，星期日
纯CSS实现未读消息超过100自动显示为99+
2022年01月14日，星期五
分享下input time输入框的细节知识
2021年03月31日，星期三
常见纯CSS图标的代码分离与整理（持续更新）
2019年08月13日，星期二
以20像素为基准的CSS网页布局实践分享
2016年03月22日，星期二以20像素为基准进行CSS网页布局，说不定会让一些细节和潜能大放光彩，当然这需要体系的配合，还需要一些完整的解决方案在里面，本文就将分享这一实践心得，保证是其他地方都没有的。外甥点灯笼——照旧(舅)，有demo有截图有必要的源代码展示，希望本文的内容能够对您的学习有所帮助！
拜拜了,浮动布局-基于display:inline-block的列表布局
2010年11月3日，星期三
对于浮动局部的局限性，想必同行们都知道，就是每个列表元素的高度必须要一致，否则就会像是俄罗斯方块一样，“锯齿相错”，例如一个左浮动列表布局，如果第一行有个列表高度高于其他列表，那就在第二行，第一个元素会沿着最高元素的右侧对齐。
浮动本身就是个魔鬼，所以，使用浮动布局还需要修复其带来的副作用——高度塌陷的问题，也就是常提到的“清除浮动”了。
另外，IE6下，重复的列表元素会出现莫名的bug，例如出现不知哪来的文字。
而基于display:inline-block的列表布局可以避免这些问题，本文就将一步一步地展示基于display:inline-block的列表布局的可用性以及价值所在。本文内容较多，讲解详细，配以丰富飞截图，必要的demo页面。还是视频展示，希望能对您的学习有所帮助。
我的应用
我的应用