学会语法（如何写代码）

  • 语法1：样式语法
    1. 选择器 {
    2. 属性名: 属性值;
    3. /* 注释 */
    4. }

    选择器：选择器规定了CSS规则会被运用到哪些元素上。

  • 语法2：at 语法
    1. @charset "UTF-8";
    2. @import url(2.css);
    3. @media (min-width: 100px) and (max-width: 200px) {
    4. 语法1
    5. }

学会如何调试（怎么知道自己错在哪里）

调试方法

  • 使用W3C验证器
  • 使用 VS Code 或 Webstorm 看颜色
  • 使用开发者工具看警告

如何使用开发者工具

  • 找到标签
  • 看看其是否有选择器
  • 看其样式是否被划掉
  • 看其样式是否有警告

border调试法

  • bug解决了再删border

    也可用outline

常见低级错误

  • 选择器拼写错误
  • 属性名拼写错误
  • 属性值拼写错误
  • 大小写错误
  • 没写分号
  • 中文冒号
  • 没写反花括号
  • 没加单位

在哪查资料（抄代码）

网站

标准制定者（W3School）

CRM 学习法

  • Copy：抄别人的代码
  • Run：运行
  • Modify：根据自己的想法进行修改

部分资料来源：饥人谷 - 方方老师