<span>
行内元素，其前后不换行
它的存在纯粹是应用样式，所以当样式表失效时它就没有任何的作用
即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。
例：当你要在网页的某个位置添加文字时，可以用span包住文字，便于之后对文字添加样式。
属性选择器
1）E[att] 选择具有att属性的E元素
2）E[att=“val”] 选择具有att属性且属性值等于val的E元素
3）E[att^=“val”] 匹配具有att属性且值以val开头的E元素
4）E[att$=“val”] 匹配具有att属性且值以val结尾的E元素
5）E[att*=“val”] 匹配具有att属性且值中含有val的E元素
类选择器，伪类选择器，属性选择器 值均为10
结构伪类选择器
E:first-child 匹配父元素中的第一个子元素E
E:last-child 匹配父元素中最后一个E元素
E:nth-child(n) 匹配父元素中的第n个子元素E
<style> ul :first-child等价于 ul li:first-child </style> <head> <ul> <li> </li> </ul> </head>
nth-child（n）选择某个父元素中的一个或多个特定的子元素
n可以是数字，关键字和公式
关键字：even 表偶数；odd 表奇数
公式：n从0开始，每次加1，往后计算，这里必须是n，不能是其他的字母
| 2n | 偶数 |
| 2n+1 | 奇数 |
| 5n | 5，10，15… |
| n+5 | 从第5 个开始(包含第五个)到最后 |
| -n+5 | 前5个（包含第5个）… |
E:first-of-type
E:last-of-type
E:nth-of-type(n)
nth-child 对父元素里面所有孩子排序选择，‘
nth-of-type 对父元素里面指定子元素进行排序选择
