一、字体图标。 1)特点 1、灵活性:灵活地修改样式,例如:尺寸、颜色等 2、轻量级:体积小、渲染快、降低服务器请求次数 3、兼容性:几乎兼容所有主流浏览器 4、使用方便.
2)常用的字体图标库 1、Iconfont:www.iconfont.cn/ 阿里巴巴字体库 (常用) 使用方法:登录(新浪微博) → 选择图标库 → 选择图标,加入购物车 → 购物车 → 添加至项目 → 下载至本地 使用步骤:步骤1: 复制相关文件到本地目录下,并引入字体图标css文件。 步骤2: 标签使用字体图标。 步骤3:引入字体图标样式表(css文件) 最后调用图标对应的类名,必须调用2个类名; iconfont类:基本样式,包含字体的使用等 icon-xxx:图标对应的类名
二、平面转换 1、属性:transform 值:translate(位移)translateX(水平移动)translateY(垂直移动)、rotate(旋转、使用的deg值角度;方位名词;百分比);、origin(设置原点位子、方位名词;像素单位数值;百分比)、scale(缩放;scale值大于1表示放大, scale值小于1表示缩小) 2、背景渐变 background 取值:linear-gradient(颜色,to+方位,百分比)