2022年6月
switch语句
摘要： if...else if..else if...else 条件？成立:不成立 a&&b a||b,默认值 a成立 ?? null运算符，于||类似 switch语句 switch：分支 case：举例 default：默认 break中断 没有break回忽略后面的条件 switch用于相等判断时， 阅读全文
posted @ 2022-06-14 08:38 爱迷路的天天 阅读(101) 评论(0) 推荐(0)
js变量
摘要： HTML 基础，页面结构，骨架部分 div p span ，i ul li input img h1-h6 acss外观、样式的展现 width height margin padding position border float transform animation flexjs 页面效果 数 阅读全文
posted @ 2022-06-09 19:34 爱迷路的天天 阅读(28) 评论(0) 推荐(0)
怪异盒子
摘要： 盒子模型：标准盒模型盒怪异盒模型标准盒模型从内到外：content padding border margin position怪异盒模型：content包含padding盒border，外面式margin标准盒模型切换怪异盒模型box-sizing:content-box切换标准盒模型box-si 阅读全文
posted @ 2022-06-01 19:11 爱迷路的天天 阅读(42) 评论(0) 推荐(0)
2022年5月
h5新增标签和input新增属性
摘要： html5有新增标签header头部信息footer底部信息section 区域 段meter 度量衡progress 进度条<progress max="100" value="88"></progress>nav 导航栏article 文章aside 侧边栏dialog 对话框默认隐藏不显示，因 阅读全文
posted @ 2022-05-24 08:39 爱迷路的天天 阅读(60) 评论(0) 推荐(0)
弹性盒子
摘要： 弹性盒子是偶遇弹性容器和弹性子元素组成，弹性容器设置display:flex或者inline-flex,会让容器变成弹性盒子。父级容器属性:1.主轴方向flex-direction-row行 横向排列-column列 纵向排列-row-reverse 横向反向-column-reverse 纵向反向 阅读全文
posted @ 2022-05-17 15:52 爱迷路的天天 阅读(72) 评论(0) 推荐(0)
@media 多媒体查询(响应式布局)
摘要： 布局方式table div+css 弹性布局 响应式布局(一个页面适用于多个设备)@media多媒体查询 关键词only 只有 仅仅 not 没有 除了and 和连接词 手机尺寸最小320px 最大750px iPad 平板最小641px 最大979px 电脑980px - 1200px1200px 阅读全文
posted @ 2022-05-17 14:08 爱迷路的天天 阅读(119) 评论(0) 推荐(0)
动画animation
摘要： animation:动画名称 时间s;动画播放方式1.默认播放一次2.infinite循环播放动画方向animation-direction1.正序 animation-direction: normal;2.倒序 animation-direction: reverse;3.交替 animatio 阅读全文
posted @ 2022-05-10 16:21 爱迷路的天天 阅读(262) 评论(0) 推荐(0)
css3动画animation
摘要： 1.动画组成关键帧@keyframes，用于定义动画的每个状态①from...to..@keyframes 动画名称{ from{} to{}}②0% 10% 50%@keyframes 动画名称{ 0%{} 50%{} 100%{}} 调用动画animation:动画名称 时间s;动画播放方式1. 阅读全文
posted @ 2022-05-09 19:45 爱迷路的天天 阅读(45) 评论(0) 推荐(0)
css3新增特性
摘要： css3圆角border-radius: 10px;border-top-left-radius: 10px;左上角圆角(单个圆角设置，先写上下，再写左右)正圆圆角，宽高相等，设置border-radius是宽高的值css3盒子阴影box-shadow:3px 8px 21px 8px;第一个值，水 阅读全文
posted @ 2022-05-05 08:51 爱迷路的天天 阅读(37) 评论(0) 推荐(0)
2022年4月
清除浮动
摘要： 1.clear:both在被影响的元素上加2.给父级设置宽高加display:block3.给父级设置宽高overflow:hidden;4.伪类{content:"";宽高，displat:block;clear:both;overflow:hidden} 阅读全文
posted @ 2022-04-25 09:29 爱迷路的天天 阅读(25) 评论(0) 推荐(0)