1 HTML字符实体

某些特殊的字符需将其转化为字符实体，才能在html中显示。

2 全局属性

3 Meta 元信息

数据的数据信息。元信息不会显示在客户端，但是会被浏览器解析。

<!-- 字符集编码 -->
<meta charset="utf-8">

<!-- 网页关键字 -->
<meta name="keywords" content="8-12个以英文逗号隔开的单词/词语">
                               
<!-- 网页描述信息 -->
<meta name="discription" content="80字以内的一段话，与网站内容相关">

<!-- 页面 每10秒 刷新 -->
<meta http-equiv="refresh" content="10">

<!-- 页面 10秒后 跳转到 http://www.atguigu.com -->
<meta http-equiv="refresh" content="10,url=http://www.atguigu.com">

4 CSS基本语法

4.1 CSS与HTML的关系

CSS 样式作用在 HTML 元素上（一个标签就是一个元素）。

4.2 HTML元素树

根据 HTML 元素的书写位置，描述元素与元素之间的关系，与元素名（标签名）无关。有：

父元素、子元素、祖先元素、后代元素、兄弟元素

4.3 在 HTML 中使用 CSS

注意：CSS 的语法与 HTML 的不同，如":"和";" -->

① 行内式

给 HTML 元素设置 style 属性，把 CSS 代码写在 HTML 元素的 style 属性值中。

缺点：只能给一个元素设置样式，较少用。

<p style="color:red;width:200px;"></p><!-- CSS 的语法与 HTML 的不同，如":"和";" -->

② 内嵌式

将 CSS代码写在 style 标签中，style 标签建议放在 head 标签中。

优点：1、可同时给多个元素设置样式；2、将 HTML 代码和 CSS 代码区分开来，各自在各自的地方，逻辑更清晰。

<style>
    p {
        color:red;
        width:200px;
    }
</style>

③ 外链式

将 CSS 代码写在 CSS 文件中，再在 HTML 文件中用 link 标签关联该 CSS 文件，link 标签建议放在 head 标签中。

/* CSS文件 */
p {
    color:red;
    width:200px;
}

<!-- HTML文件-->
<link rel="stylesheet" herf="CSS文件的地址">

4.4 CSS基本语法结构

① 行内式的语法结构

<标签名 style="CSS属性:值; CSS属性:值; CSS属性:值; "></标签名>

② 内嵌式和外链式的语法结构

/*标签名、id属性、class属性都可以作为选择器*/
选择器 {   
    CSS属性：值；/*一条声明*/
    CSS属性：值；
    CSS属性：值；
    CSS属性：值；
}/*一个声明块*/

/*紧凑写法*/
选择器 {CSS属性: 值; CSS属性: 值; CSS属性: 值; CSS属性: 值;}

选择器： 用于选择到要设置样式的元素。

声明块： 选择器后面的大括号，称之为一个声明块。声明块由一条一条的声明组成。

声明： 一条声明就是一个样式；声明必须用分号结尾； 声明由CSS属性和该属性的值组成。

③ HTML 属性 和 CSS 属性的区别

<!-- 使用 HTML 元素的属性设置宽高 -->
<img src="dog.jpg" alt="dog" width="400" height="300">

<!-- 使用 CSS 元素的属性设置宽高 -->
<img src="dog.jpg" alt="dog" style="width:400px; height:300px;">

4.5 CSS的层叠性

使用不用选择器，使用不同设置方式（内嵌、行内、外链）对某个元素所设置的样式，最终都会作用在该元素上。

4.6 CSS注释

/* CSS 注释 */

/*
CSS 多行注释    
CSS 多行注释    
CSS 多行注释    
*/