CSS初体验

        最近刚刚接触这个CSS，乍一看一片红的蓝的代码，真是有些吓人，而且有种摸不着头脑的赶脚，蒙蒙哒，下面跟我来初步了解一下这个CSS 吧。

一、概念(是什么)

CSS(Cascading Style Sheets)层叠样式表，又叫级联样式表。是一种用来表现HTML或XML等文件样式的计算机语言。

二、特点（干什么）

主要的作用就是能够真正做到将网页的内容与样式进行分离。

如果要在HTML元素中设置CSS样式，需要在元素中设置id和class选择器。

id选择器可以为标有特定id的HTML元素指定特定的样式。HTML元素以id属性来设置id选择器，CSS中id选择器以#来定义。

三、选择器类型

1.ID选择器（用#）

2.类选择器

选择器父子继承关系，父子之间要有空格，title后面这个span实现了括号里面的样式

并列用逗号

3.HTML标签选择器

body标签中的内容

优先级：ID选择器>类选择器>HTML标签选择器

即当ID选择器、类选择器、HTML选择器设置了同一个属性的不同值，以优先级高的为准。

四、核心内容：

1.标准流:标签的排列方式，标签的顺序和界面显示的顺序一致

2.盒子模型

每个标签相当一个盒子，通过盒子模型设置标签的内外边距等属性。

外边距（border）：上右下左

内边距（padding）：上右下左

内容（content）：宽，高

画框（margin）：宽

3.浮动

浮动的框可以向左或向右移动，直到它的外边碰到包含框或另一个浮动的框为止。由于盒子模型是针对块级元素的，让其排成一行，脱离了标准流。

4.定位

相对定位设置偏移量没有脱离标准流，绝对定位脱离了标准流

块级元素div，行内元素span