属性解析（2）

ol,ul{list-style:none}

解析：让每一列前面的.去掉

em{font-style:normal}

解析： < em >内容< / em >
修饰的内容为斜体
但是em{font-style:normal} 之后，字体为正常字体

h1,h2,h3,h4,h5{font-weight:400}

解析：设置段落字体的粗细

.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}

after：在clearfix后面插入
visibility：规定元素是否可见
display：规定元素应该生成的框类型
content：与after和before伪元素配合使用，用来插入生成的内容
clear：规定元素的那一侧不允许出现浮动元素
clear both：规定元素的左侧和右侧均不允许出现浮动元素
clear left : 在左侧不允许浮动元素
clear right：在右侧不允许浮动的元素
clear none : 默认值，允许浮动元素出现在两侧
clear inherit:规定应该从父元素继承clear属性的值

zoom:1

zoom:1;属性是IE浏览器的专有属性，Firefox等其它浏览器不支持。它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性，清除浮动、清除margin的重叠等。

line-height: 54px

解析：对文字而言设置行高，行间距，距离行内上边框的距离

 text-decoration：none

规定添加到文本的修饰

cursor:pointer;

url 需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。default 默认光标（通常是一个箭头）auto    默认。浏览器设置的光标。crosshair   光标呈现为十字线。pointer 光标呈现为指示链接的指针（一只手）move    此光标指示某对象可被移动。e-resize    此光标指示矩形框的边缘可被向右（东）移动。ne-resize   此光标指示矩形框的边缘可被向上及向右移动（北/东）。nw-resize   此光标指示矩形框的边缘可被向上及向左移动（北/西）。n-resize    此光标指示矩形框的边缘可被向上（北）移动。se-resize   此光标指示矩形框的边缘可被向下及向右移动（南/东）。sw-resize   此光标指示矩形框的边缘可被向下及向左移动（南/西）。s-resize    此光标指示矩形框的边缘可被向下移动（南）。w-resize    此光标指示矩形框的边缘可被向左移动（西）。text    此光标指示文本。wait    此光标指示程序正忙（通常是一只表或沙漏）。help    此光标指示可用的帮助（通常是一个问号或一个气球）。

修饰光标的样式

-webkit-transition: background-color .2s ease-out,color .1s ease-out;

解析：-webkit-transition：CSS属性(none|all|属性) 持续时间 时间函数 延迟时间

vertical-align:middle

baseline    默认。元素放置在父元素的基线上。sub 垂直对齐文本的下标。super   垂直对齐文本的上标top 把元素的顶端与行中最高元素的顶端对齐text-top    把元素的顶端与父元素字体的顶端对齐middle  把此元素放置在父元素的中部。bottom  把元素的顶端与行中最低的元素的顶端对齐。text-bottom 把元素的底端与父元素字体的底端对齐。length   %   使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。inherit 规定应该从父元素继承 vertical-align 属性的值。

解析：vertical-align 属性设置元素的垂直对齐方式
middle:把此元素放置在父元素的中部。

a:hover {text-decoration: none;}

解析：鼠标放在链接上，没有下划线

 <span class="active">去登陆&gt;</span>

解析：关键是& gt; 这个会产生这个符号 >