Web之路笔记之一

简单说一句，现在开始准备面试前端的知识，每天完成相关的任务，记录一些点。

　　2014秋季学期Web2.0课程习题

　　<Lab1 - About Me Page>

　　目标是自己动手写一个粗略的包含主要标签的html文件和附加的css练习。

　　html方面，使用了定义文件类型的doctype，定义文档信息的head和显示本体的body，另外标题的h1、h2等，段落的p和列表的ol——总共五类。

　　css方面，定义了body的背景、文字颜色，还有一些id和class的样式。

　　1. id是唯一的，class是可重复使用的。不恰当的比喻，就是一个对象和一个类。需要注意的是，虽然在实际中id重复使用浏览器也同样会正确显示，但是这不符合标准，在编写的时候绝对不要这么写。

　　　　另外，因为id唯一所以价值比较高，id的优先级 > class的优先级。

　　2. 使用span可以对一段文字里的部分内容进行标注，方便对这部分内容进行样式的修改等。

　　3. 使用了selector选择器的pseudo-class伪类，w3school解释为“A pseudo-class is used to define a special state of an element”，用于定义一个元素的状态，表示方法是tag:element。例如有first-element，链接的link，visited，hover（此处顺序不能乱）。

　　　　对应的还有pseudo-element伪元素，解释是“A CSS pseudo-element is used to style specified parts of an element”，定义一个元素的样式，表示方法为tag::element。具体的区别另外新开。