我是由内补网页变成蓝色

一，CSS 样式引入的三种方式

1. 外部样式表（推荐！项目里最常用）

• 写法：在 HTML 的 里用 标签引入单独的 .css 文件
• 代码示例：
  html

• 优点：样式和结构分离，多个页面可以共用同一个 CSS 文件，方便维护
• 注意： href 路径要写对！比如 css/style.css 表示当前 HTML 文件所在目录下有个 css 文件夹，里面放着 style.css

2. 内部样式表（适合单页面调试）

• 写法：在 HTML 的 里写
  • 优点：不用新建文件，适合快速修改当前页面样式
  • 缺点：只能给当前页面用，代码多了会让 HTML 文件变臃肿
  3. 行内样式（临时改样式用，不推荐多用）
  • 写法：直接在 HTML 标签里加 style 属性
  • 代码示例：
    html

  我是由内补网页变成蓝色

  ------------------------------------------------------------------------
  • 优点：优先级最高，能快速覆盖其他样式
  • 缺点：和 HTML 混在一起，代码乱，不好维护，尽量少用

  二、CSS 基础选择器

  1. 元素选择器（标签选择器）
  • 作用：选中所有同类型的 HTML 标签
  • 代码示例：
    css

  /* 选中所有

  和

  标签 /
  h1, h2 {
  color: #f9b439;
  }
  / 选中所有

  标签 */
  p {
  color: red;
  }

  • 效果：页面里所有

    、

    文字都会变成橘色，所有

    文字都会变成红色

  2. body 选择器（页面整体样式）

  • 作用：给整个页面设置背景、默认文字颜色等
  • 代码示例：
    css

  body {
  background-color: #4ca7f9;
  }

  • 效果：整个页面背景变成浅蓝色

  三、样式优先级

  当多种样式同时作用在一个元素上时，优先级是：
  行内样式 > 内部样式表 > 外部样式表

  • 比如：外部样式表给

    设成红色，内部样式表设成蓝色，行内样式设成白色，最终显示白色 ✅

  四、

  1. 路径问题：外部 CSS 文件的 href 路径一定要写对，不然样式不生效！

  • 比如 HTML 在根目录，CSS 在 css 文件夹里，就写 href="css/style.css"

  2. 标签闭合：HTML 和 CSS 的标签、大括号都要成对写，漏写会导致样式失效
  3. 颜色写法：可以用英文（ blue ）、十六进制（ #fff ）、RGB（ rgb(255,255,255) ），十六进制最常用
  4. hidden 属性： 可以让元素隐藏，看不见但还在页面里