系列课程目录
第一讲 响应式网页
目录
前言
例如:随着社会上各种各样的智能设备的出现,做出能够兼容大部分设备并且耗费更少人力与资源的响应式网页应运而生。提示:以下是本篇文章正文内容,下面案例可供参考
一、什么是响应式网页?
页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。
二、常用编辑器与浏览器
如下(示例):
三、如何建立项目
如下(示例):
四、任务一 课堂作业
1.按照要求完成任务
如下(示例):
2.解析代码
如下(示例):
注释中为清除浮动,避免使用过程中下方黑块填充至上方。
如下(示例):
五、知识点
1.媒体查询
运用此处知识点可实现用户自由调整页面大小时,网页页面呈现出不一样的效果。
如下(示例):
2.常用断点
此处为常用断点,可以作为设置参数时的参照。
如下(示例):
3.结合使用
结合media语句与常用断点形成语句在实际网页制作中可以灵活运用。
如下(示例):
五、任务二 课后作业
1.按照要求完成任务
如下(示例):
总结
本课讲了什么是响应式网页,并且留下了相关习题练习,帮助加深印象。