1 @font-face{
2 font-family:'calamus';
3 src:url('pictos/calamus.eot'); /* IE9 */
4 src:url('pictos/calamus.eot') format('embedded-opentype'),/*IE6-IE8*/
5 url('pictos/calamus.ttf') format('truetype'),/*Safari,Android,IOS*/
6 url('pictos/calamus.woff') format('woff),/*Modern Browers*/
7 url('pictos/calamus.svg') format('svg');/*Legacy IOS*/
8 }
9 body{
10 font-family:'calamus';
11 }
1 .content{
2 text-align:center; /*把文本排列到中间。*/
3 text-align:left; /*把文本排列到左边。默认值:由浏览器决定。*/
4 text-align:right; /*把文本排列到右边。*/
5 text-align:justify; /*实现两端对齐文本效果。*/
6 text-align:inherit ; /*规定应该从父元素继承 text-align 属性的值。*/
7 }
1 .content{
2 min-height:6.5em;
3 display:table-cell;
4 vertical-align:middle;
5 }
1 .page{
2 width:800px;
3 margin:0 auto;
4 }
1 tbody tr:nth-child(odd){
2 background-color:#ccc;
3 }
1 .logo{
2 background-image:url('img/calamus.jpg');
3 background-size:100%;
4 width:100%;
5 padding-top:30%;
6 height:0;
7 text-indent:-9999px;
8 }