IT技术宅

青春是一个充满活力的季节,即便是我们失去了天使的翅膀,只要我们还有一颗青春的心,那么我们的生活依然能够如阳光般灿烂!......
现在位置:首页 > 个人分享 > 响应式网页设计视频网盘下载

响应式网页设计视频网盘下载

刘振兴     个人分享      2015年09月20日     2477     暂无评论  

是当下最流行的网页设计方式,一次设计可以在不同设备上浏览,并且可以获得很好的浏览体验!下面的这套教程就是系统的讲解如果实现响应式web设计的视频教程!


0-00-课程介绍

00-01-响应式设计的真实例子

00-02-viewport - 可视窗口

00-03-手工配置 viewport

00-04-像素密度

01-01-应用媒体查询的方法

01-02-media type 媒体类型

01-03-meida feature 媒体特性

01-04-aspect-ratio 可视窗口宽与高的比例

01-05-device-aspect-ratio 设备的宽与高的比例

01-06-orientation 设备的使用方向

01-07-height (可视窗口高度)与 device-height(设备高度

01-08-width(可视窗口宽度) 与 device-width(设备宽度)

01-09-resolution 像素密度

01-10-操作符 - and

01-11-逗号分隔连接多个媒体查询

02-01-响应式布局 #1

02-02-响应式布局 #2

02-03-响应式布局 #3

03-01-响应式导航

03-02-导航菜单的 HTML

03-03-导航菜单的 CSS

03-04-切换按钮的样式

03-05-响应式导航菜单的样式

04-01-响应式的图像

04-02-响应式的背景图像

04-03-不同尺寸的设备使用不同的图像

04-04-不同尺寸的设备使用不同的背景图像

04-05-根据屏幕密度切换不同的背景图像

04-06-picturefill

05-01-响应式幻灯片

05-02-幻灯片的控制按钮

05-03-幻灯片的控制按钮样式

05-04-修复幻灯片被覆盖的问题


响应式设计教程大小: | 来源:百度网盘
提取密码: sv79
评论一下 分享本文 赞助本站 联系站长
IT技术宅
 挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论