HTML响应式布局设计全新详解

如我们需要兼容不同屏幕分辨率、清晰度以及屏幕定向方式竖屏(portrait)、横屏(landscape),怎样才能做到让一种设计方案满足所有情况?那就是响应式布局。meta标签,百分比,弹性盒,mediaquery,em/rem,html5新增属性/特性/标签,css3新增样式属性

  • 通关要求

    完成每日练习工作0/9

    所有作业至少达成5个A0/5

  • 通关倒计时

  • 通关赏金

    100

    赏金说明

    赏金获得说明

    规定时间内一次通关,获得100%赏金;

    规定时间内第二次通关,获得70%赏金;

    规定时间内第三次通关,获得50%赏金;

任务完成进度

您的赏金排名: -- /120

关注创客学院学习助手,

随时随地掌握学习动态!

DAY1

02:01:46 |404人正在学习

HTML5新特性及详解

HTML5是HTML最新的修订版本,HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点,如video、audio和canvas 标记。HTML5还引进了新的功能,可以真正改变用户与文档的交互方式。

学习进度

0/7

作业未提交

开始学习

DAY2

01:47:58 |293人正在学习

CSS3中的属性应用(一)

本次课讲解css3新增的属性

学习进度

0/7

作业未提交

开始学习

DAY3

01:56:40 |309人正在学习

CSS3中的属性应用(二)

初识ps

学习进度

0/8

作业未提交

开始学习

DAY4

01:57:01 |221人正在学习

移动端布局要素

响应式布局基础知识

学习进度

0/6

作业未提交

开始学习

DAY5

02:03:48 |188人正在学习

响应式布局实现原理

本课程主要讲解我们如何对页面进行响应式布局,对其方法,流程做一个详细的讲解

学习进度

0/6

作业未提交

开始学习

DAY6

01:46:09 |157人正在学习

响应式布局实战(一)

本课程主要讲解我们如何对页面进行响应式布局,对其方法,流程做一个详细的讲解

学习进度

0/5

作业未提交

开始学习

DAY7

01:43:26 |124人正在学习

响应式布局实战(二)

如何对页面进行响应式布局,对其方法,流程做一个详细的讲解

学习进度

0/5

作业未提交

开始学习

DAY8

01:57:09 |219人正在学习

Bootstrap(一)

Bootstrap是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript的,它简洁灵活,使得 Web 开发更加快捷。本课程将讲解一下Bootstrap如何应用与开发

学习进度

0/7

作业未提交

开始学习

DAY9

02:09:23 |174人正在学习

Bootstrap(二)

Bootstrap是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript的,它简洁灵活,使得 Web 开发更加快捷。本课程将讲解一下Bootstrap如何应用与开发

学习进度

0/7

作业未提交

开始学习
有位老师想跟你聊一聊

Hi,我是你的学习规划师

不知道选什么课?和我聊聊吧!

规划学习路径