前端开发基础核心知识点笔记

---

1. 文件规范

• HTML5、CSS、JavaScript 文件规范放置与命名

  • 项目目录通常按功能分类：css/ 存放样式文件，js/ 存放脚本文件，images/ 存放图片资源

  • 命名建议：使用小写字母、数字和下划线/短横线，避免中文和特殊字符，如 style01.css、main.js

---

2. CSS 样式引入方式与优先级

• 三种引入方式

  1. 外部样式

• 优点：样式与结构分离，可复用，便于维护

2. 内部样式

• 优点：无需额外请求，适合单页面样式

3. 行内样式

我是标题一

• 优点：针对性强，可快速修改单个元素样式

• 样式冲突与优先级

  • 遵循就近原则，权重大小：行内样式 > 内部样式 > 外部样式

  • 当多个样式同时作用于同一元素时，权重高的样式会覆盖权重低的样式

---

3. 属性与样式的区别与联系

• 区别

  • 样式（CSS）能实现的视觉效果更丰富，部分效果（如渐变、动画）无法通过 HTML 属性实现

  • HTML 属性能实现的基础样式（如颜色、对齐），样式（CSS）一定可以实现

• 联系

  • 早期 HTML 依赖属性控制样式，现代开发更推荐使用 CSS 样式来分离结构与表现

---

4. 头部标记学习要点

• 需掌握：

  1. 标记的名称、单/双标记类型

  2. 标记的具体功能（如 定义元数据、