CSS的简单介绍

1、 什么是css

层叠样式表

1、 主要作用

1、美化页面
2、将美化页面和HTML代码分离，降低代码的耦合性，提高代码的复用性

3、 Css 选择器

-元素选择器  html标签的名称{}
-类选择器    .类的名称{}
-ID选择器    #类的名称{}

4、 Css 浮动

    - float   ：left ，rigth 不在占用正常文档流中的空间，而是采用流式布局
    - clear  ： left ，right ，both 清除浮动的属性

5、Css的其他选择器

-选择器组：选择器1，选择器2{属性名称：属性值}
-属性选择器：html标签[属性]

demo:
a[href] 

-后代选择器 ： 
-子元素选择器： 父元素选择器 > 儿子选择器  找出所有的子元素
-伪类选择器 ： 通常都是用在A标签上

6、Css盒子模型

万物皆盒子

内边距:  

padding-top:

padding-right:

padding-bottom:

padding-left:
外边距:

margin-top:

margin-right:

margin-bottom:

margin-left: 

7、Css绝对定位

position : absolute
top:控制距离顶部的位置
left：控制距离左边的位置