平时我们使用first-child
和last-child
比较多,用于对同级元素第一个或最后一个元素设置CSS样式。first-of-type
和last-of-type
有时也会非常有用。
之前提过很多次prefers-color-scheme
特性了,它为浏览者提供了更好的使用体验。网站增加深色主题将成为越来越普遍的需求。
不只是安卓和IOS平台,包括Windows在内的其他平台间的系统字体都是不一样的,如何保证在各平台下都尽量显示最优的字体呢?
记录一些常见或者较特殊的CSS布局实现方式
页面布局通常来说指的是元素间或者说模块间的布局,但某些场景下我们需要考虑文字的布局?过长的文本段落不适合阅读,因为它意味着我们的眼球需要转动更长的距离;报纸的排版就可以解决这个问题,在CSS中也有对应的属性——columns。
暗色模式?很多APP都具备这个功能,Chrome从76版本也开始增加对暗色模式的支持。