clip:rect(0px 50px 50px 0px);
//这个剪切命令，括号里的像素，是上右下左顺序，左右是从左侧边缘线开始计算像素，上下是从上边缘线开始计算。
vertical-align：
//命令为垂直对齐，与其他元素垂直对齐，定义对象的最上端或最下端与其他元素的上端或下端对齐。
z-index：3
层级设置，值越大，层级越高，越显示在最上边。
a:hover{background-color: #F98119; color: #FFFFFF;}
hover 命令的作用是 鼠标经过时触发反应，上句的意思是鼠标经过a元素时 背景颜色变化，a中字体颜色变化
居中方法：1. margin:0 auto是让块居中
2.text-align: center是让块中的内容居中
background-position: 10px 10px;
//背景图片相对元素位置移动，该语句意思是 背景图片 相对元素 向右 向下移动10px像素
if嵌套语句，同一级别大括号对齐，次级别向右缩进对齐。容易看出级别，不容易少括号
定义函数名称的时候 不能定义为 hidden，因为hidden是document的一个属性
%为求余数，例如10%4 的值为2