Head first HTML&CSS

1.CSS和HTML区别

HTML 超文本标记语言，CSS层叠样式表。HTML负责网页的整体框架，CSS用于静态地修饰网页或配合各种脚本语言动态地对网页各元素进行格式化。

2.相对路径和绝对路径的区别

当<a href=" "></a>创建链接时，使用的是相对路径，即从当前文件到目标文件经过的文件夹
而url创建链接时，用的是绝对路径。包含当前文件文件名。 相对路径只能链接到同一网站内的页面，而url链接的是别的网站

3.层叠样式表

1.盒模型

分为内容，可选的补白(padding)，边框(border)和边界(margin)

2.为元素设计样式的两种方式

id=“example_1” class=“example_2”

区别：一个元素只能有一个id，当创建唯一的元素时，可以用。如为footer元素创建一个样式。一个页面只能有一个页脚，所以说footer元素是唯一的。
一个class则可以包含很多个元素。

CSS中的语法如下；

#example_1{ …; …;} .example_2{…;…;}
//代表所有属性包括example_2的元素 p.example_2{…;…;]//代表p标签包含的example_2元素

3.将具有相同样式的元素放在一起

用div 和span
div负责块元素的区域划分，span负责内联元素的区域划分。
基本语法

<div id="..."></div>
<span class="..."></span>

4.伪类
用来给每个状态设计样式