html&css

1 min

我是不是可以去重写我的博客了

web basic

https://www.bilibili.com/video/BV1Rz4y197Jd?from=search&seid=16684215392801422564&spm_id_from=333.337.0.0&vd_source=d6b48e0986e130482e80a9999aa637b7

image-20220613165044517
image-20220613165044517

https://www.bilibili.com/video/BV1x54y1B7RE/?spm_id_from=333.788.b_7265636f5f6c697374.1&vd_source=d6b48e0986e130482e80a9999aa637b7

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样式不生效的排查方式

  1. 去浏览器点F12看Css的源码是否和本地一致
image-20220701102615198
image-20220701102615198
  1. 如果和本地一致的话 清理一下缓存重新看一下,选中disable cache刷新
image-20220701102801088
image-20220701102801088
  1. 如果css代码和本地一致且不是缓存的问题,那么大概率出现在剩下两个问题里 一个是层级 一个是单词是不是写错了