HTML & CSS

1 min

Maybe I can rewrite my blog now.

Web Basics

https://www.bilibili.com/video/BV1Rz4y197Jd

image-20220613165044517
image-20220613165044517

https://www.bilibili.com/video/BV1x54y1B7RE

CSS

Box Model

image-20220617132924120
image-20220617132924120
image-20220617133021979
image-20220617133021979
image-20220617133151894
image-20220617133151894

CSS Debug

https://www.youtube.com/watch?v=Z3HGJsNLQ1E

https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Debugging_CSS

Sass

https://www.youtube.com/watch?v=Zz6eOVaaelI

Remarks

rem: https://www.runoob.com/w3cnote/px-em-rem-different.html

flex:

CSS style not working troubleshooting:

  1. Press F12 in browser to check if CSS source matches local

  2. If it matches, clear cache and check again (enable disable cache and refresh)

  3. If CSS matches and it’s not a cache issue, it’s likely a specificity or typo problem