选择器的权重、伪类选择器、文字相关样式、浮动

一、选择器权重

1.纵向可以随便嵌套，横向的里面不能嵌套纵向的。

2.选择器的权重

	通配符：0
    标签：1
    类（伪类）：10
   	 id：100
    行内：1000
    后代和子代：用到的所有选择器相加之和

3.伪类选择器：

    标志：冒号
    1.:link---链接未访问
    2:visited---链接已访问
    3:hover---鼠标悬停---（常用）
    4:active---鼠标按下

注意点：

    1.链接是否被访问，看的是浏览记录
    2.如果4个状态都要同时书写，那么顺序不能打乱，顺序一旦错了有可能就不出效果了。
    3.:link和:visited仅限于超链接使用
       :hover和:active可以用在任何一个标签之上

二、和文字相关的样式

1.文字的颜色：color

	1.直接写颜色单词，比如：red、green
	2.写十六进制。数字之前带#
        在#后面跟6位数字，2位1组，总共分成3组，
        第一组是红色色位置，第二组是绿色，第三组是蓝色
        取值区间：0-9   a-f
        红色：#ff0000---#f00
        绿色：#00ff00---#0f0
        蓝色：#0000ff---#00f
        白色：#ffffff---#fff
        黑色：#000000---#000
    3.写rgb，取值区间0-255
        红色：rgb(255,0,0)
        绿色：rgb(0,255,0)
        蓝色：rgb(0,0,255)
        白色：rgb(255,255,255)
        黑色：rgb(0,0,0)

2.文字的大小font-size

    默认字号16px
    谷歌最小12px，其他有可能10px
    建议写偶数

3.字体：font-family

• 谷歌默认微软雅黑，其他浏览器宋体。

• 字体可以一次写多个，通过逗号隔开。

• 如果第一个好用就用，不好用就下一个，如果都不行就默认

   注意：写字体的时候如果是汉字或者多个单词一定要加引号
  

4.加粗font-weight

    1.写单词
        lighter----变细
        normal----正常
        bold----加粗
        bolder----更粗（只是语气加重）
    2.写数字
        100----变细
        400----正常
        700----加粗
    注意：写数字的时候不能带单位

5.倾斜font-style

    normal----正常
    italic----倾斜

6.居中

    1.水平居中text-align
        left----左对齐
        right----右对齐
        center----居中
    2.垂直居中line-height
        line-height的值和height一样：居中
        line-height的值大于height：偏下
        line-height的值小于height:偏上

    注意：如果文字是单行的：line-height可以实现控制垂直对齐的效果
    如果文字是多行的：line-height控制的是行与行的间距。
    行与行的间距（叫做行高）

7.修饰线text-decoration

    underline----下划线
    overline----上划线
    line-throught----删除线、贯穿线
    none----没有线

8.了解

    1.大小写转换text-transform
        uppercase----转大写
        lowercase----转小写
        capitalize----首字母大写
    2.字间距：letter-spacing
        词间距：word-spacing 程序里边以空格来区分词

9.首行缩进text-indent

em是一个相对单位，相对于当前文字的html字号而言

三、浮动float

left、right、none

1.元素加了浮动，会漂浮起来，不占据位置=={脱离文档流}，后面元素会补齐
2.同时给相邻元素加左浮动，从左到右
3.同时给相邻元素加右浮动，从右到左。一行放不下，会自动换行。浮动的元素覆盖不了文字和图片，会被挤出来。
4.上一行元素较高，再换到第二行会被卡住
5.div/p/h等标签默认和父元素一致，若加浮动，宽度由内容决定
6.span/i/em横向排列标签默认标签由内容决定，无法设置宽高，但加了浮动之后，就可以设置宽高了

清除浮动：清除上一个浮动元素带来的‘影响’
clear left、right、both
谁受到影响就写给谁