1，伪类:before、 :after
- 这两个伪类都是html中无法看到的，相当于凭空变出来的。
- 二者都必须添加
display:block、content:""，里面的元素可以不加，也可以空格代替。 - 用途：
-
一个伪类设置，其他的子元素只要在class中加入父级元素名就可以自自动生成同样格式，减少工作量。
给要添加的元素加一个父级元素
父级元素加：before
2，块级元素，行内元素
- 块级元素占一整行，行内元素（不能设宽高）可以display：inline-block
3，输入框边框当点击时会出现蓝色的线处理方法
- input:focous{outline:none}
4，span用法
-
span非常类似div。但是div是块级元素，而span是行内元素。
输入
输出
5，src url href rel
rel：relationship的英文缩写。REL属性用于定义链接的文件和HTML文档之间的关系。
href：Hypertext Reference的缩写。意思是超文本引用,href 属性的值可以是任何有效文档的相对或绝对URL，包括片段标识符和JavaScript代码段。常见的就是a标签中的。
src: 一般指的是引用外部文件的路径，像img标签中src表示图片的路径。
url: 统一资源定位符，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。一般就是浏览器地址栏填写的。
重点：href 和 src 的定义与区别
href和src是有区别的，而且是不能相互替换的。我们在可替换的元素上使用src，然而把href用于在涉及的文档和外部资源之间建立一个关系。
href (Hypertext Reference)指定网络资源的位置，从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系。当我们写下：
浏览器明白当前资源是一个样式表，页面解析不会暂停（由于浏览器需要样式规则去画或者渲染页面，渲染过程可能会被被暂停）。这与把css文件内容写在