AI
推荐
模板社区
专题
登录
免费注册
首页
思维导图
详情
移动WEb第一天
2022-05-04 21:00:16
19
举报
分享方式
免费使用
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样式的意义
收藏
立即使用
移动WEb第一天
132479_PO
职业：暂无
去主页
Collect
Get Started
销售代表一天的工作
Collect
Get Started
一天的安排
Collect
Get Started
抗疫第一天-校长
Collect
Get Started
第一层
评论
0
条评论
下一页
图形选择
思维导图
主题
补充说明
AI生成
修改AI描述
去编辑
重新生成
提示
关闭后当前内容将不会保存，是否继续？
取消
确定
Document
