css学习总结（5）--常用的一些css属性
常用css属性：
1.width，宽
2.height，高
3.display:inline； 以行内元素显示
block； 以块状元素显示
inline-block； 以行内块元素显示
flex； 以flex布局显示
none； 隐藏掉，不显示
4.visibility:hidden； 隐藏掉，不显示，和display:none的区别，display隐藏掉后，它原本占用的文档宽高都会隐藏掉，而visibility还是会在文档上占有它自己的一块区域
visible； 可见的（默认值）
5.position:relative; 相对定位，一般用来作为定位的初始点
absolute; 绝对定位，一般是需要定位的元素使用，使用后该元素会脱离文档流。什么是脱离文档流？首先我们画的html是一个从上 到下的一个文档流，每一个元素都有它占用的宽高，当脱离文档流时，该元素就不会再在文档流上再占有它原有的区域，原有的区域会被下面的元素顶上来，被下面的元素占有或者覆盖，就像打牌，我从牌堆中间抽了一张牌，它就不在他原来的位 置了，既然它不在原来的位置了，我们可以任意的把他插在牌堆的某一个位置，甚至可以让它顶替覆盖在另外一张牌 上，绝对定位使用relative的父元素（就是嵌套的上一级）作为定位基点，如果没有relative，就是用整个页面作为定位 基点
fixed; 固定定位，和absolute具有一样的特性，但是它的定位是固定在页面的某一个位置，无论你的滚动条再怎么滚动，它就在 那里，看起来一动不动；
top:数值; 定位的头部起始位置，比如40px,和bottom不要同时设置
left:数值; 定位的左边起始位置，比如40px,和right不要同时设置
right:数值; 定位的右侧起始位置，比如40px
bottom:数值; 定位的底部起始位置，比如40px
z-index:数值; 定位的层级，层级越高，覆盖级别越高，比如层级为1的div和层级为9的div定位在同一个位置，层级为9的div就会把层级 为1的div覆盖
6.font-size:数值; 决定了盒子的字体的大小
7.color:16进制值（可缩写）或者rgba值 决定字体的颜色
8.font-family:字体名; 决定了盒子内的字体
9.line-height:数值; 决定了一行文字占有的高度,行高和盒子高度一致时，则文字垂直居中
10.text-indent:数值; 决定了文字首行的缩进
11.text-align:left; 决定了文字在盒子中水平居左显示
right; 决定了文字在盒子中水平居右显示
center; 决定了文字在盒子中水平居中显示
12.border:边框大小 solid（直线）颜色的16进制或rgba
边框大小 dashed（虚线）颜色的16进制或rgba
边框大小 dotted（点线）颜色的16进制或rgba
13.border-radius: 左上角 右上角 右下角 左下角，可以是百分比也可以是具体数值，50%时是一个圆
14.font-weight:100/200/300/400/500/600/700/800/900/normal/bold/bolder/lighter 决定字体的粗细，默认400
15.overflow:hidden; 超出盒子宽高的部分隐藏，要给父元素盒子设置才能生效
auto; 超出盒子宽高的部分以滚动条形式显示，要给父元素盒子设置才能生效
visible; 默认显示，该怎么显示怎么显示，要给父元素盒子设置才能生效
scroll; 以滚动条形式显示，要给父元素盒子设置才能生效
16.background:可以接颜色的16进制或rgba值，也可以接url(你的图片地址)。比如background:url(图片地址) no-repeat,意思是以这个图片做背景， 且不在页面上重复显示
17.background-size: 决定背景的大小
18.padding:数值; 决定盒子的内边距
19.margin:数值; 决定盒子的外边距
20.box-sizing:border-box; 决定盒子以写定的宽高为宽高
content-box; 决定盒子的宽高，但是会被padding撑开
21.vertical-align:主要用的是top，middle，bottom，其他的不介绍 默认情况下决定图片、按钮、输入框的对齐方式
22.box-shadow: X轴偏移值 Y轴偏移值 X轴阴影模糊半径 Y轴阴影模糊半径 阴影颜色
