開発者のオンボーディング時間を10x短縮する方法 | HiCustomer Lab - HiCustomer Developer's Blog
- 入れたいけど全員に入れてもらうのは気が引けるものをいれやすくなるのは地味に大きなメリットである気がする
Intermediate CSS
- inline style is hard to override because it has higher specificity and priority
- !important > inline > number of id > number of class,,,, > element
- If the specificity is the same, the last one wins
- text-related css is inherited except text-decoration
- inheritance only checks the direct parent. Not go all the way up to the ancestors
- anonymous block box is made when block box had inline child and block child
- element with position: absolute is out of flow
- position:relative leaves the hole, so sometimes it is better than absolute
- when position:absolute, it walk through ancestors to find the parent except ones with position: static
- position: fixed element's box is an absolute box whose parent is viewport
- anonymous box is ignored when calculating the position based on %
- if block box has block box child, all children should be block. inline will be wrapped with anonymous block box
- it is the same even when parent is inline