css最实用的五种选择器：
元素选择器
id选择器
后代选择器
群组选择器
块与内联：
块元素：独占一行。如：div （可使一行文字拥有属于自己的颜色背景），p ，h1~h6等。
内联元素：只占自身大小，不会单独占一行。
区分块元素跟内联元素：看是否独占一行了。
元素选择器 —— 标签名{ }
元素选择器（标签选择器），可以根据标签的名字来从网页中选取指定的元素。
比如P{ }则会选中页面中的所有P标签，h1{ }会选中页面中的所有h1标签。
类型选择器：
class 选择器，也就是“类选择器”。我们可以对“相同的元素”或者“不同元素”定义相同的class属性，然后针对拥有同一个class的元素进行css样式操作。
通用选择器：
通用选择器，可以同时选中页面中的所有元素。
后代选择器
后代选择器，可以根据标签的关系，为处在元素内部的后代元素设置的样式。
比如p strong 会选中页面中所有的p 元素内的strong元素。
子元素选择器 父元素>子元素
子元素选择器可以给另一个元素的子元素设置样式
比如 body > h1 将选择器body子标签中的所有h1标签
其他子元素选择器
:fiest-child-------选择第一个子标签。
:last-child--------选择最后一个子标签。
:nth-child-------- 选择指定位置的子元素。
:id选择器：通过元素属性，选择改变元素。
对于id选择器，前面必须加上前缀#，否则该选择器无法生效。在id前面加上#，表示这是一个id选择器。
群组选择器，指的是同时对几个选择器进行相同的操作：
餐厅作业的选择器：
