CSS基础知识（二）

选择器

• 常见的几个选择器

元素选择器--作用是对该元素进行样式的描述
元素的名字{
 属性名：属性值；
}

id选择器--对指定该id的元素设置样式
#选择器名字{
 属性名：属性值；
}

类选择器--对指定类的元素设置样式
.选择器名字{
 属性名：属性值；
}

后代--设置指定的元素内的 指定的"子标签"的样式的
（元素，id，类） 元素名{ //对样式进行设置 }

伪类选择器--对一些超链接进行设置
  a:link{}、a:active{}//等等、还有很多，不一一列举了

• 类选择器和id选择器的区别

相同点：二者都可以应用于任何的元素
不同点：
   id选择器只能在文档中使用一次，因为id是惟一的标识。但是类选择器可以进行多次的使用
   可以使用类选择器词列表的方法为一个元素设置多个样式，但是id选择器是不介意这么使用的
ps：如果a1,a2是类选择器的话，该写法没有任何的问题，如果a1,a2是id选择器的话，就会报错

• 子选择器

子选择器，>,用来选择指定的标签元素的第一代子元素
ps: .a >li {//样式的设置} 让class为a的子元素li设置样式
ps：子类选择器和后代选择器是不一样的， 子类选择器仅仅作用于第一代后代，但是后代选择器作用于所有的后代

• 分组选择器

目的是为多个html的标签元素设置相同的样式吗，这个时候可以使用分组选择器（，）
ps：li ，span{ //样式} 相当于：h1{//样式} span {//样式}

ps: !important提升的是一个属性，而不是一个选择器

字体

（1）font-family://设置字体
（2）font-size: //字体大小
（3）font-weight:blod//设置为粗体样式
（4）font-style:italic//设置斜体样式
（5）text-decoration:underline://文字设置下划线
（6）text-decoration:line-through://文字设置删除线
（7）text-indent:2em//缩进2em
（8）text-height:2em//行高
（9）work-spacing:20px//单词的间距
（10）letter-spacing:20px//字母间距
（11）text-align:center//水平居中对齐

尺寸相关的属性

• 基本属性

height：高度
width：宽度
max-width:最大宽度
max-heigth：最大高度
min-width :最小宽度
min-heigth:最小高度

• 对于play可以设置元素的显示模式：

inline：将块级元素以内联元素显示，这个时候height和width'都是无效的，空间大小仅仅取决于元素的内容
inline-block：将块级元素以内联元素的样式进行显示，同时还兼具块级元素的某些特征，在这个里面width和height还是有效的

关于元素的显隐

visibility：hidden ：仅仅隐藏内容，该元素占据的位置依然存在
display：none ：显示为空，不仅仅隐藏了内容、还隐藏的元素所在的位置