登录免费注册



移动WEb第一天

首页  思维导图  详情



移动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样式的意义

 Collect

Get Started

第一阶段

App与微信支付接入学习第一天

 Collect

Get Started

App与微信支付接入学习第一天

 Collect

Get Started

第一页

 Collect

Get Started

抗疫第一天-校长













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document