简介:如我们需要兼容不同屏幕分辨率、清晰度以及屏幕定向方式竖屏(portrait)、横屏(landscape),怎样才能做到让一种设计方案满足所有情况?那就是响应式布局。 meta标签,百分比,弹性盒,mediaquery,em/rem,html5新增属性/特性/标签,css3新增样式属性
课程章节
第01课 H5新特性
- 课时1html5 新特性介绍 开始学习
-
课时2html5 新标签介绍
-
课时3选择器(一)
-
课时4选择器(二)
-
课时5fontface
-
课时6CSS3中的伪类元素
-
课时7字体图标
第02课 CSS3中的属性应用(一)
-
课时1边框属性(一)
-
课时2边框属性(二)
-
课时3css3中的过渡属性
-
课时4css3中的变形
-
课时5css3中的动画
-
课时6cubic(一)
-
课时7cubic(二)
第03课 CSS3中的属性应用(二)
-
课时1fontStyle
-
课时2gradient(一)
-
课时3gradient(二)
-
课时4css3中的列
-
课时5弹性盒(一)
-
课时6弹性盒(二)
-
课时7弹性盒(三)
-
课时8弹性盒(四)
第04课 移动端布局要素
第05课 响应式布局实现原理
-
课时1rem简介
-
课时2香哈网移动版页面制作(一)
-
课时3香哈网移动版页面制作(二)
-
课时4香哈网移动版页面制作(三)
-
课时5香哈网移动版页面制作(四)
-
课时6rem屏幕适配
第06课 响应式布局实战(一)
第07课 响应式布局实战(二)
第08课 Bootstrap(一)
-
课时1Bootstrap(1)上
-
课时2Bootstrap(1)下
-
课时3Bootstrap(2)上
-
课时4Bootstrap(2)下
-
课时5Bootstrap(3)上
-
课时6Bootstrap(3)下
-
课时7Bootstrap(4)上
第09课 Bootstrap(二)
授课讲师
-
翟劲琪老师
WEB全栈高级讲师
关于讲师
JS工程师,多年前端工作开发经验,两年教学经验,擅长原生js,前端框架。
课程推荐
- Web前端开发 试听 22016
- HTML5移动应用开发 试听 20049
- 网页制作(HTML5+CSS3) 试听 22639
- HTML5网页设计 试听 23333
学习服务
- 技术大牛直播授课
- 实时学情管理
- 课后作业批改,BUG诊断
- 辅导老师当堂答疑
- 学习规划,专属学习方案