笔记

一、脉络梳理

1.新建项目，项目名称mySite，路径D盘根目录下。
D盘根目录/
└── mySite/
├── index.html （主页）
├── subpage.html （子页）
└── style.css （样式文件）

2.新建样式文件，名称为style.css，并通过外部引入到主页中。
/* 全局样式：统一页面背景色（淡蓝色） /
body {
background-color: #e6f7ff;
margin: 20px; / 给页面加一点边距，更美观 */
}

/* 标题一、标题二 文本颜色：橙色 */
h1, h2 {
color: orange;
}

/* 段落 文本颜色：红色 */
p {
color: red;
font-size: 16px;
}

3.主页中，插入标题一、标题二和一个段落，内容自拟

欢迎来到我的网站

<!-- 标题二 -->
<h2>这是一个练习页面</h2>

<!-- 段落 -->
<p>这是我的第一个HTML+CSS练习项目，页面背景是淡蓝色，标题是橙色，段落文字是红色~</p>

4.设置页面背景色为淡蓝色，标题一和标题二文本颜色为橙色，段落文本颜色为红色

欢迎来到我的网站

<!-- 标题二 -->
<h2>这是一个练习页面</h2>

<!-- 段落 -->
<p>这是我的第一个HTML+CSS练习项目，页面背景是淡蓝色，标题是橙色，段落文字是红色~</p>

5.新建子页，子页背景色和主页背景色一致

子页面标题

这是网站的子页面，背景色和主页完全相同！