CSS选择器和文本样式学习

我们前些时候简单的说了一下CSS的选择器，大致上分为7种选择器 ：标签、类、id选择器、仿类选择器 组合选择器 同级选择器 属性选择器。其中，最容易给我们混淆的是同级选择器的一些选择项的内容。现在，我们可以简单的来看看同级选择器的两类情况。
首先，看同级，就是说，他们必须有相同的父级，才能谈得上同级。其次，同级选择器有2中表现形式，一种是加+链接，一种是~连接，我们通过简单的程序看看效果，首先是加号连接的。

可以看成看出，当用加号表示时，我们仅仅对于div同级，且相邻的往下的的一个属性赋予样式。(这里指同级且相邻的h1,如果不相邻，则不会有效果)

下面，我们将其中的+改成~，你会发现，同级的相同属性都被赋予给定的样式（这个样式中是同级的h1）
然后，我们可以简单的在过一下7类属性选择器，其中包括属性名[ 属性名]，也可以是[属性名=" “]
还有[ ^=” “]表示以什么开头 [ $=” " ]表示以什么结尾[ * =" “]表示包含什么 [ ~=” “] 表示包含什么单词 [ |=” "] 表示以什么单词开头 其中大部分情况是由中划线线的情况。
字体，我们主要有font-style font-weight font-size font-family当然，这个属性我们可以将其写入font属性中简单表达，其中font属性size中加一个斜杠，也可以表示行高，我们可以不用line-height表示，如
font: normal normal 20px/36px “宋体”；