5、简易网页的 HTML 与 CSS 设计入门

简易网页的 HTML 与 CSS 设计入门

1. 网页样式设计

创建简单网页后，可添加以下样式：
- 页面标题：使用深灰色背景搭配白色文字。
- 链接：将链接排列在标题下方的“导航栏”中，并加粗显示。
- 页面主体：设置为浅灰色背景。
- 字体：将字体更改为 Arial。

在 CSS 出现之前，这些样式需通过 HTML 标签和表格来实现。如今，正确的做法是使用 CSS。添加 CSS 后，网页会发生相应变化，且仅需在网页中添加 CSS，HTML 代码无需改动。

2. 查看代码

2.1 下载示例文件

可从 此处 下载示例文件。下载完成后，解压代码包，打开“CSS Example”文件夹，会看到三个文件： page.html 、 page_styled.html 和 style.css 。

2.2 查看 HTML 文件

• 双击 page.html ，它将在默认网页浏览器中打开，其外观与“Content and Style”标题下的第一张截图相似。
• 若要查看该页面的 HTML 代码，回到“CSS Example”文件夹，右键单击 page.html ，选择“Open With | Notepad”。此时，记事本窗口中将