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。具体的区别另外新开。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。