移动WEb第一天
2022-05-04 21:00:16 18 举报AI智能生成
第一天总结
作者其他创作
大纲/内容
字体图标
在线字体图标
三种方式使用
1.font-class-掌握 常用
unicode 了解
<span>&xaaa6</span>
3.伪元素+unicode-了解
优点
灵活 本质是就是字体 ，改大小颜色
轻量 体积小 加载快
兼容性好
使用步骤
1.引入 字体样式文件 css
2.根据要求类名
1.iconfont
2.icon-xxx
平面转换 transform
概念
修改元素在平面中的形态
3种
位移 translate
单位
1.px
2.百分比单位-相对于自身的宽度和高度
设置 水平位移和垂直位移 translate（100px，200px）
旋转 rotate
单位 deg
默认的旋转中心 元素中心
旋转远点 transform-origin 了解
缩放 scale
单位 没有单位 倍数
scale（2）倍数大于1放大 0~1 缩小
同时用于三种效果
在一行写transform：translate（100px，200px）rotate（90deg）scale（3）;
渐变
1 哪个属性添加 背景颜色？ 要背景图片 background-image
2 linear-gradient（black，red）
3 修改方向 linear-gradient（方向，black，red）
同学任务
1 作业
2 写笔记
3 背面试题
前端页面有哪些组成，分别是什么？作用是什么
初始化CSS样式的意义
0 条评论
下一页
