这是我参与「第五届青训营 」伴学笔记创作活动的第 15 天。
本文是继续设计一个网站（处理文件）的学习笔记
HTML基础
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用来结构化 Web 网页及其内容的标记语言。HTML不是编程语言，是一种用于定义内容结构的标记语言。
链接非常重要 — 它们赋予 Web 网络属性。要植入一个链接，我们需要使用一个简单的元素 — <a> — a 是 "anchor" （锚)的缩写。
备注： href 这个名字可能开始看起来有点令人费解，代表超文本引用（ hypertext reference）。
CSS基础
层叠样式表（Cascading Style Sheet，简称：CSS）是为网页添加样式的代码。和 HTML 类似，CSS 也不是真正的编程语言，甚至不是标记语言。它是一门样式表语言。
将CSS连接到html中
注意其他重要的语法：
- 每个规则集（除了选择器的部分）都应该包含在成对的大括号里（{}）。
- 在每个声明里要用冒号（:）将属性与属性值分隔开。
- 在每个规则集里要用分号（;）将各个声明分隔开。
多元素选择
选择器的种类远不止于此，更多信息请参阅 选择器。
字体和文本
备注： 再一次说明，中文字体文件较大，不适合直接用于 Web Font
给网页设置漂亮字体的方法
在探索了一些 CSS 基础后，我们来把更多规则和信息添加至 style.css 中，从而让示例更美观。首先，让字体和文本变得更漂亮。
- 第一步，找到之前 Google Font 输出的地址。并以
<link>元素的形式添加进 index.html 文档头（<head>和</head>之间的任意位置）。 - 接下来，删除 style.css 文件中已有的规则。虽然测试是成功的了，但是红字看起来并不太舒服。
- 将下列代码添加到相应的位置，用你在 Google Fonts 找到的字体替代 font-family 中的占位行。（ font-family 意味着你想要你的文本使用的字体。）这条规则首先为整个页面设定了一个全局字体和字号（因为 是整个页面的父元素，而且它所有的子元素都会继承相同的 font-size 和 font-family）
备注： CSS 文档中所有位于 /* 和 */ 之间的内容都是 CSS 注释，它会被浏览器在渲染代码时忽略。你可以在这里写下对你现在要做的事情有帮助的笔记。
备注： /* */ 不可嵌套，/这样的注释是/不行/的/。CSS 不接受 // 注释。
- 接下来为文档体内的元素（
<h1>(en-US)、<li>和<p>）设置字号。将标题居中显示，并为正文设置行高和字间距，从而提高页面的可读性。
给文本添加阴影，让文本变得好看的方法
text-shadow 属性，它可以为元素中的文本提供阴影。四个值含义如下：
- 第一个值设置水平偏移值 —— 即阴影右移的像素数（负值左移）。
- 第二个值设置垂直偏移值 —— 即阴影下移的像素数（负值上移）。
- 第三个值设置阴影的模糊半径 —— 值越大产生的阴影越模糊。
- 第四个值设置阴影的基色。
