H5+C3
关注
分享
扫一扫
黑白两客
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
H5C3笔记微整合
传统布局（宽度百分比设置）伸缩布局（flex）自适应布局（less+rem+媒体查询）1、less的使用2、rem的使用我的理解：1、假如想把ui 给的图片设置在网页上，给网页设置个份额值为 x2、假如ui 给的图片宽度为 y 则我们需要在网页上设置的宽度为z = y / z ;3、媒体查询的使用响应式布局（Bootstrap）添加链接描述其余的自己在官网查看...原创 2020-02-27 13:49:03 · 205 阅读 · 0 评论 -
H5第四天（2）
Bootstrap框架Bootstrap框架为什么要学Bootstrap框架Bootstrap框架: 为我们提供了用来实现响应式开发的公共资源总结: Bootstrap框架用来实现响应式布局Bootstrap框架中重点学什么Bootstrap框架提供了很多丰富的网页开发资源,代码有上万行代码.1. 重点学习框架中提供的基础样式2. 重点学习框架中提供的栅格系统(用来实现...原创 2020-02-25 18:37:10 · 145 阅读 · 0 评论 -
H5第四天（1）
boostrap框架介绍核心知识点boostrap框架栅格系统[重点,不是难点]基本的全局样式学习目标能够使用boostrap框架中的基本样式能够使用栅格系统完成阿里百秀案例boostrap框架介绍 https://www.bootcss.com/Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目...原创 2020-02-25 18:35:27 · 153 阅读 · 0 评论 -
H5第三天（2）
移动web响应式布局☞知识点-回顾1. 什么是弹性盒子(伸缩布局)2. 伸缩布局解决了什么问题3. 伸缩盒子特点有一条默认水平显示的主轴有一条始终要垂直于主轴的侧轴4.重点掌握的属性设置伸缩盒子 display: flex;设置主轴对齐方式justify-content设置侧轴对齐方式align-items设置主轴方向flex-direction: row ...原创 2020-02-25 18:32:27 · 243 阅读 · 0 评论 -
H5第三天（1）
响应式布局☞核心知识点less媒体查询学习目标掌握less基本语法能够使用less编写css代码能够掌握媒体查询能够使用媒体查询实现响应式布局Less介绍维护CSS的弊端CSS本质上不是一门语言,是一个简单的样式表.代码维护相对老套,不够灵活.LESS介绍☞LESS预处理器: 依然使用CSS语法，引入了变量，混合，运算, 嵌套等功能，大大简化了 CSS 的编写，...原创 2020-02-25 18:19:15 · 186 阅读 · 0 评论 -
H5的第二天
移动web开发——flex布局目标了解flex布局的优缺点及原理能够说出flex布局原理、使用语法、特点（重点）能够使用flex布局常用属性（重点）能够独立完成携程移动端首页1.0 传统布局和flex布局对比1.1传统布局兼容性好布局繁琐1.2 flex布局操作方便，布局极其简单移动端webkit内核都支持该属性pc端浏览器支持情况比较差、IE11或更低版本不支...原创 2020-02-21 17:52:17 · 199 阅读 · 0 评论 -
H5第一天
移动Web - 基础&流式布局目标了解移动端主要浏览器的内核掌握用谷歌浏览器调试移动端页面（重要）了解布局视口、视觉视口、理想视口使用mate标签设置理想视口（重要）了解视网膜屏、物理像素、二倍图会使用background-size设置二倍精灵图（重要）掌握圣杯布局的两种方法（border-box & margin）（重要）了解移动端两类开发方案知道什么是流式...原创 2020-02-20 19:03:01 · 324 阅读 · 0 评论