摘要：
小数计算不精准 代码： 结果： 解决方法： 1、将所有小数乘以10的多少次方，得到一个整数相加，再整体除以10的多少次方 代码： 结果： 方法2、利用js提供的工具：强制保留小数点后几位——toFixed(要保留的位数) 代码： 结果： 阅读全文
posted @ 2022-03-07 22:08
包歌
阅读(27)
评论(0)
推荐(0)
摘要：
设置行间距： css：grid-row-gap：像素； css代码： <style> .box{ width: 300px; height: 300px; border:1px solid #000; margin: 50px auto; display: grid; grid-template-r 阅读全文
posted @ 2022-03-03 21:35
包歌
阅读(2022)
评论(0)
推荐(0)
摘要：
## 概念 将一个盒子划分成多个单元格，指定内容放在指定的单元格中，实现一种比较整齐的布局方式。例如：9宫格 css代码： .box{ width: 300px; height: 300px; border: 1px solid #000; /* 网格布局 */ display: grid; gri 阅读全文
posted @ 2022-03-03 21:23
包歌
阅读(182)
评论(0)
推荐(0)
摘要：
渐变：渐变指的是颜色的渐变，从一个颜色慢慢过渡到另一个颜色。渐变分两种，一种是沿着一条直线发生渐变，另一种围绕一个圆心发生渐变。 线性渐变 语法： ```cssbackground-image: linear-gradient(to 上/下/左/右, 颜色, 颜色, ....); 方向可以是左上，右 阅读全文
posted @ 2022-03-03 21:15
包歌
阅读(914)
评论(0)
推荐(0)
摘要：
定义动画： @keyframes 动画名称{ 关键帧： 百分比： {样式} } 使用动画： 复合写法 ： animation: 动画名称 动画需要的时长 速度方式 延迟时间 infinite/次数 是否反向运动 动画结束是否停留在结束位置; 单一写法： animation-name：动画名称 ani 阅读全文
posted @ 2022-03-03 21:05
包歌
阅读(368)
评论(0)
推荐(0)
摘要：
父标签： transform-style: preserve-3d; perspective: 1200px; perspective-origin: 50% 50%; 子标签： 轴平移，正数距离眼睛更近 transform: rotateX() rotateY() rotateZ() 围绕x轴旋转 阅读全文
posted @ 2022-03-03 20:51
包歌
阅读(122)
评论(0)
推荐(0)
摘要：
3d： 俗称3d变换，指基于3d立体的角度来设置盒子。例如，将盒子设置为立方体。3d的效果跟2d是一样的，有平移和旋转，不同点在于，2d只有x轴和y轴，3d会多一个z轴，用于表示立体。3d的效果通过需要远距离观察才能看出立体效果，因为距离太近，我们只能看出平面的2d效果，这就需要在设置3d变换效果之 阅读全文
posted @ 2022-03-02 15:06
包歌
阅读(184)
评论(0)
推荐(0)
摘要：
css样式代码： .big{ width: 1000px; height: 300px; border: 1px solid #000; margin: 100px auto; } .small{ width: 100px; height: 100px; margin-top: 100px; bac 阅读全文
posted @ 2022-03-02 14:43
包歌
阅读(37)
评论(0)
推荐(0)
摘要：
css样式代码： .big{ width: 500px; height: 500px; border: 3px solid #000; margin: 100px auto; position: relative; } .small{ width: 98px; height: 146px; posi 阅读全文
posted @ 2022-03-02 14:31
包歌
阅读(259)
评论(0)
推荐(0)
浙公网安备 33010602011771号