温习:background-position:正值背景图片向右移动,负值北京图片想左移动。
布局中的居中效果:text-align:center(文本在容器中水平居中)
line-height(容器高度同高文本垂直居中)
margin:0 auto;(块级元素在容器中水平居中)。
copyright:版权
core:核芯
description(desc):描述
阿里图库的使用:
1、压缩包解压缩:字体文件分别为iconfont.fff、iconfont.woff、iconfont.woff2。
css文件:iconfont.css,对文字进行css规则说明的CSS文件。
2、将字体文件复制粘贴至项目的fonts文件夹下。
3、将css文件复制粘贴至项目style文件夹下。HTMl中对CSS文件进行引入:
<link rel="stylesheet" type="text/css" href="style/iconfont.css"/>
4、打开iconfont.css文件,修正字体文件的路径。
src:url("../tonts/iconfont.woff")
图片精灵的优点:减少前端http/https请求的次数;
精灵图的大小比多张图片的总和小。