前端技术精讲直播总结

前端工程师 P4-P6

CSS实用技巧

页面实现思路

• 在Step2中，语义化标签的使用很重要，可以多看看一些好的网站，比如Apple如何使用语义化标签的，可以去掉整个的CSS样式查看HTML。

  //在console中输入这句话就可以去掉所有的css样式，以便于查看HTML
  Array.from(document.styleSheets).forEach(item=>item.disabled=true)

• 在Step3中，可以看Bulma的官方网站。

  • Bulma是一个纯CSS框架，无JS
  • 响应式（优先考虑移动端）
  • 模块化 (只需导入你需要的)
  • 现代化（FlexBox）

• 在Step4中，多利用padding而非margin，是因为margin有父子合并和兄弟合并的问题，容易出错。