该文被密码保护。 阅读全文
该文被密码保护。 阅读全文
摘要:
项目地址:后续添加 1、布局分析 nav2列、article 7列、aside 3列 2、屏幕划分分析 移动端布局总结 1、移动端主流方案 2、移动端技术选型 1)流式布局(百分比布局) 2)flex布局(推荐) 3)rem适配布局(推荐) 4)响应式布局 建议:我们选取一种主要技术选型,其他技术做 阅读全文
摘要:
目标: 1)响应式原理 2)使用媒体查询完成响应式导航 3)使用Bootstrap的栅格系统 4)使用Bootstrap的响应式工具 5)完成阿里百秀首页案例 目录: 1)响应式开发 2)Bootstrap前端开发框架 3)Bootstrap栅格系统 4)阿里百秀首页案例 响应式开发 1、响应式开发 阅读全文
摘要:
目标: 1)能够使用rem单位 2)能够使用媒体查询的基本语法 3)能够使用Less的基本语法 4)能够使用Less中的嵌套 5)能够使用Less中的运算 6)能够使用2中rem适配方案 7)能够独立完成xx移动端首页 思考: 1、页面布局文字随屏幕大小变化而变化 2、流式布局和flex布局主要针对 阅读全文
摘要:
项目地址后续添加: xxxx 1、属性选择器只用一个类名, 设置多个相同元素 使用属性选择器就可以给他们添加相同的样式 2、背景线性渐变 注意:背景渐变必须添加浏览器私有前缀 阅读全文
摘要:
学习目标 1、flex盒子的布局原理 2、flex布局的常用属性 3、独立完成某个移动端首页案例 目录 1、flex布局体验 2、flex布局原理 3、flex布局父项常见属性 4、flex布局子项常见属性 5、案例制作 flex布局体验 1、传统布局与flex布局 建议: 1)如果是PC端页面布局 阅读全文
摘要:
地址:后续放置 阅读全文
摘要:
学习目标: 目录: 移动端基础 1、浏览器现状 2、手机屏幕现状 3、常见移动端屏幕尺寸 查看地址: https://www.strerr.com/screen.html 注:作为前端开发,不用纠结dp,dpi, pt, ppi等单位。 4、移动端调试方法 5、总结 视口 视口:就是浏览器显示页面内 阅读全文
摘要:
浏览器私有前缀是为了兼容老版本的写法,比较新的浏览器无需添加 1、私有前缀 2、提倡的写法(私有前缀+属性) 总结: CSS3学习的 五个大方面 阅读全文