12李军浩

核心任务：搭建基础站点  mySite （HTML+CSS基础）

1. 项目初始化搭建
   操作指令：在 D盘根目录 新建文件夹，命名为  mySite 。
   文件结构：
   主页必备文件： index.html （默认入口文件）。
   样式文件： style.css （专门存放CSS样式代码）。
   记忆点：开发前先建“主战场”，规范的目录结构是高效开发的第一步。

2. CSS外部引入（核心技能）

操作位置：在  index.html  文件的    标签内引入。
代码模板：
html

  关键规则：  rel="stylesheet" ：固定属性，表明引入的是样式表。  href ：指定CSS文件路径，此处因  style.css  与  index.html  同级，直接写文件名即可。 对比记忆：外部引入优于行内样式和内部样式表，代码更整洁、便于复用。

3. HTML骨架搭建

操作位置：在  index.html  的    标签内编写结构。
代码模板：
html

标题一

标题二

这里是段落文本，内容可以自拟，比如：学习前端开发，掌握网页制作技能。

 标签作用： 

 - 

  定义标题， 

  定义段落，语义化标签让结构清晰。

4. CSS样式配置（视觉美化）

操作位置：在  style.css  文件中编写样式。
代码模板：
css
/* 给页面整体设置背景色 /
body {background-color: lightblue; / 淡蓝色 */}

/* 给标题一设置样式 /
h1 { color: orange; / 橙色 *}

/* 给标题二设置样式 /
h2 { color: orange; / 橙色 */}

/* 给段落设置样式 /
p { color: red; / 红色 */}
 
属性速查：
 background-color ：背景色。
color ：文本颜色。
颜色值可用英文单词（如lightblue、orange），也可用十六进制或RGB值。

5. 子页创建与复用
   操作步骤：
   1. 在  mySite  根目录新建文件，命名为  subpage.html （子页）。
   2. 复制  index.html  的完整HTML结构到  subpage.html  中。
   3. 子页同样通过    标签引入同级的  style.css 。
   复用原理：外部CSS文件可被多个HTML页面共享，修改  style.css  中的背景色，所有关联页面会同步更新，无需逐个修改