伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊效果，或选择第1个，第n个元素。常用的伪类选择器有很多，如链接伪类结构伪类等。伪类选择器书写时用冒号(:)表示
链接伪类选择器a:link：选择所有未被访问的链接
a:visited：选择所有已被访问的链接
a:hover：选择鼠标指针位于其上的链接
a:active：选择活动链接(鼠标按下未弹起的链接)
input: foces：用于选取获得焦点的表单元素。
<head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> input:focus { background-color: red; } </style> </head> <body> <input type="text"> <input type="text"> </body> 元素显示模式元素显示模式就是元素以什么方式进行显示，分为块元素、行内元素以及行内块元素三种。
块元素常见的块元素有<h1>~<h6>、<p>、<di>、<u>、<o>、<i>、<div>
块级元素的特点