摘要: 阅读全文
posted @ 2022-02-24 23:10 凌歆 阅读(18) 评论(0) 推荐(0)
摘要: HTML学习第16天(响应式网页) 目录 HTML学习第16天(响应式网页)1. 媒体查询1.1 媒体查询的目的1.2 媒体查询开发中的写法1.3 媒体查询使用案例1.4 媒体查询的完整写法1.4.1 关键词1.4.1 媒体类型1.4.2 媒体特性 1.5 外联式媒体查询1.6 媒体查询-隐藏内容 阅读全文
posted @ 2022-02-24 22:50 凌歆 阅读(45) 评论(0) 推荐(0)
摘要: HTML学习第15天 目录 HTML学习第15天1. 长度定位(vw/vh)1.1 vw1.2 vh1.3 根据设计稿确定对应的vh尺寸示例:vw初体验示例:vh初体验示例:vw与vh的计算注意点 1. 长度定位(vw/vh) 相对单位相对于视口的尺寸计算结果 1.1 vw vw:viewport 阅读全文
posted @ 2022-02-24 22:36 凌歆 阅读(38) 评论(0) 推荐(0)
摘要: HTML学习第14天(移动适配) 目录 HTML学习第14天(移动适配)1. 移动适配2. 长度单位2.1 rem示例 2.2 rem的基本使用2.3 移动适配原理2.4 媒体查询示例 2.5 rem适配布局2.6 根据设计稿确定rem的尺寸2.7 flexible.js 3.less3.1 使用l 阅读全文
posted @ 2022-02-24 22:29 凌歆 阅读(26) 评论(0) 推荐(0)
摘要: HTML学习第13天 目录 HTML学习第13天1. flex布局1.1 改变元素排列方向1.2 弹性盒子显示特点示例 1.3 弹性盒子的换行示例 1.4 换行后行与行之间的对齐方式案例中的问题:省略显示过长的文字示例 1. flex布局 1.1 改变元素排列方向 主轴默认是水平方向,侧轴默认是垂直 阅读全文
posted @ 2022-02-24 22:20 凌歆 阅读(35) 评论(0) 推荐(0)
摘要: HTML学习第12天 目录 HTML学习第12天1. 移动端特点1.1 pc网页与移动端网页有什么不同1.2 在电脑里面边写代码边调试移动端网页效果1.3 屏幕尺寸1.4 分辨率注意点 1.5 移动端主流设备分辨率1.6 视口1.7 二倍图 2. 百分比布局案例:移动端京东工具栏 3. flex布局 阅读全文
posted @ 2022-02-24 22:16 凌歆 阅读(44) 评论(0) 推荐(0)
摘要: HTML学习第11天 目录 HTML学习第11天1. 空间转换1.1 空间转换概述1.2 空间转换的使用1(位移)1.2.2 透视案例 1.3 空间转换的使用2(旋转)案例:绕x轴旋转拓展 1.4 立体呈现案例:呈现立方体综合案例:实现3d导航注意点 1.5 空间转换的使用3(缩放)案例 2. 动画 阅读全文
posted @ 2022-02-24 22:02 凌歆 阅读(22) 评论(0) 推荐(0)
摘要: 小兔鲜项目 目录 小兔鲜项目1. 项目布局思路1. 整体结构2. 布局中各个部分标签用法 3. 一些技巧4. 命名规范1. 类名2. 标签名 1. 项目布局思路 1. 整体结构 大致分为头部部分(header),中间内容部分,尾部部分(footer)头部部分(header)和尾部部分(footer) 阅读全文
posted @ 2022-02-24 21:47 凌歆 阅读(29) 评论(0) 推荐(0)
摘要: HTML学习第10天 目录 HTML学习第10天1. 字体图标1.1 字体图标概述1.2 字体图标的优点1.3 字体图标的下载1.4 字体图标的使用(unicode编码使用)案例 1.5 字体图标的使用(调用类名实现(推荐))注意点案例 1.7 综合案例(购物车)1.8 矢量图片转换为图标 2. 平 阅读全文
posted @ 2022-02-24 21:41 凌歆 阅读(26) 评论(0) 推荐(0)