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