1.单位
单位：
px：
如果我们将一个图片放大的话，我们会发现一个图片是有一个一个的小色块构成的，这一个小色块就是一个像素，也就是1px，对于不同的显示器来说一个像素的大小是不同的。
百分比：
也可以使用一个百分数来表示一个大小，百分比是相对于父元素来说的。
em：
基于字体大小的倍数
2.属性
width 宽度 width:300px;
height 高度 height:300px;
color 文本颜色（前景色） color:red;
background-color 背景颜色 background-color:green;
font-size 文字大小 font-size:34px;
Text-align 内容的水平对齐方式 text-align:left|center|right
Text-indent 首行缩进 T ext-indent:2px;
background-image: 背景图片 url(‘1.png’);
3.盒子模型
内容区(content)
通过width和height两个属性可以设置内容区的大小。
width和height属性只适用于块元素。
内边距(padding)
padding:10px 20px 30px 40px
padding:10px; 同时指定上左右下四个方向的内边距
边框(border)
border:1px red solid 分别指定了边框的宽度、颜色和样式，实现
none（没有边框）(默认值)
dotted（点线）
dashed（虚线）
solid（实线）
double（双线）
外边距(margin)
margin-top/right/bottom/left。
当将左右外边距设置为auto时，
浏览器会将左右外边距设置为相等，可以使元素居中。
1.垂直叠加（重叠）
当两个div发生垂直局部时，margin值没有发生累加，最终谁大取谁
对比的是margin-bottom 和margin-top的值
2. 嵌套情况（坍塌）
当div发生嵌套 里面div的margin-top值 直接影响到了父标签
解决方法：父标签中进行以下属性的定义 :
1.overflow:hidden 推荐使用
2.padding 不推荐 : 影响盒子大小
3.float 不推荐 : float 常用于排版
3. 影响盒子宽度因素：
定义的内边距（padding）的宽度 ，border
4. 盒子大小情况二
继承的盒子在父盒子宽度范围内，padding值不会影响该盒子大小。
4. display
为行内元素设置width、height、margin-top和margin-bottom是无效的。
修改display的属性值可以修改元素的性质。
值：
– block：设置元素为块元素
– inline：设置元素为行内元素
– inline-block：设置元素为行内块元素
– none：隐藏元素
5.visibility
属性主要用于元素是否可见。
和display不同，使用visibility隐藏一个元素，
隐藏后其在文档中所占的位置会依然保持，不会被其他元素覆盖。
visible：可见的
–hidden：隐藏的
6.overflow
visible：默认值
scroll：添加滚动条
auto：根据需要添加滚动条
hidden：隐藏超出盒子的内容
6.float
none：不浮动
left：向左浮动
right：向右浮动
块级元素和行内元素都可以浮动，
当一个行内元素或块元素浮动以后将会自动变为一
个行内块级元素
其中：
1.右浮动会改变元素的顺序 通常是浮动单个元素
2.同一级元素中 有元素左浮动时 其他元素要一起浮动
clear
left：忽略左侧浮动
right：忽略右侧浮动
both：忽略全部浮动
none：不忽略浮动，默认值
7定位
1.relative 相对定位
周围的元素不受影响
如果不设置元素的偏移量，元素位置不会发生改变。
用top、right、bottom、left来移动
2.absolute 绝对定位
position：absolute；
开启绝对定位 能让超链接 变成块元素
绝对定位是根据离他最近的元素定位而言
如果父类没有相对定位 那么一般就是对html而言 进行的移动
如果子类进行了绝对定位 父类进行了相对定位 那么我们子类在移动时 是以父类为参照进行移动
3. fixe 固定定位
position: fixed;
固定定位一旦开始了 网页中就不存在了 给了新的位置 才会出现
比如给了 固定位置top: 130px;left :50px; 这个时候才会出现在网页显示上
固定定位的元素会被锁定在浏览器窗口的某个位置上，
当访问者滚动网页时，固定元素会保持不动
4. z-index
开启定位后 z-index才能使用 数值越大的 则才上面~~~