摘要: if语句(用于确定某一范围内的值) if(表达式) if(表达式){ }else{ } if(表达式){ }else if(表达式) { }else{ } switch语句(用于确定某个确定的值) switch(num){ case num1: break; case2 num2: break; d 阅读全文
posted @ 2021-08-28 16:22 离空半夏 阅读(28) 评论(0) 推荐(0) 编辑
摘要: javascript的书写位置 1.在header的部分,一般用于引入第三方的文件,确保接下代码执行不出问题 2.在body底部,一般用于该文件就是当前页面自身执行的代码,确保html加载后执行 3.行内,一般写在onclick等事件,以及javascript伪协议 javascript:viod 阅读全文
posted @ 2021-08-28 16:13 离空半夏 阅读(50) 评论(0) 推荐(0) 编辑
摘要: 网格布局 移动端布局方法总结 1.媒体查询+rem 媒体查询改变不同设备下的字体大小 rem根据字体大小进行计算 缺点计算麻烦 有误差 2.vm+rem vm,视口单位 html{font-size:0.3125/0.2267vm} 缺点:设置盒子的时候 盒子里面的子级元素会往下掉 3.移动端布局的 阅读全文
posted @ 2021-08-28 11:42 离空半夏 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 媒体查询:只是一个工具,检测不同设备的特性从而设置不同的css样式。 媒体查询的写法:@media 设备类型 关键字 (媒体特性){css声明} @media是固定写法 表示声明/定义媒体查询 设备类型:电脑 手机 pad等设备的特性 检测屏幕 关键字:常用的是and 还有only,not (媒体特 阅读全文
posted @ 2021-08-28 11:41 离空半夏 阅读(190) 评论(0) 推荐(0) 编辑
摘要: *网页中常用的单位有哪些* - px 像素 - em 相对单位 - pt 磅 硬件设备 - % 宽高自适应 - deg 移动端重要的单位: rem 相对于根元素html的font-size的大小进行计算的 移动端布局的思路 - 每一个移动端的尺寸大小都是不一样的 html的宽高大小也是不一样的 - 阅读全文
posted @ 2021-08-28 11:41 离空半夏 阅读(48) 评论(0) 推荐(0) 编辑
摘要: **flex&多行布局** 盒模型 组成部分:content+padding+border+margin 1.标准的盒模型 常见的问题 margin值会错误解析 padding值会撑大盒子大小 计算方式:padding和border都是算在盒子的外部的 2.IE盒模型(怪异盒模型):当文档丢失了文档 阅读全文
posted @ 2021-08-28 11:40 离空半夏 阅读(596) 评论(0) 推荐(0) 编辑