HTML5+CSS3网站设计基础教程 (工业和信息化人才培养规划教材): 本章小结 & 动手实践

AI牛丝
AI牛丝
2016年03月01日 阅读量:26433

本章小结

本章首先介绍了盒子模型的概念,盒子模型相关的属性,然后讲解了背景属性和渐变属性,最后运用所学知识制作了一个音乐排行榜效果。

通过本章的学习,读者应该能够熟悉盒子模型的构成,熟练运用盒子模型相关属性控制网页中的元素,完成页面中一些简单模块的制作。

动手实践

学习完前面的内容,下面来动手实践一下吧。

请结合所学知识,运用CSS盒子模型的相关属性、背景属性及渐变属性制作一个播放器图标,效果如图5-55所示。

figure_0190_0211

图5-55 播放器图标

扫描右方二维码,查看动手实践步骤!

figure_0190_0212
来源: https://www.ai2news.com

推荐文章



9.4 本章小结 & 9.5 动手实践

9.4 本章小结 & 9.5 动手实践

7979 | 2520 | 2018-09-01
9.4 本章小结 抓包是爬虫开发过程中非常有用的一个技巧。使用Charles,可以把爬虫的爬取范围从网页瞬间扩展到手机App和微信小程序。由于微信小程序的反爬虫机制在大多数情况下都非常脆弱,所以如果目标网站有微信小程序,那么可以大大简化爬虫的开发难度。 当然,网站有可能会对接口的数据进行加密,App得到密文以后,使用内置的算法进行解密。对于这种情况,单纯使用抓包就没有办法处理了,就需要使用下一章所要讲到的技术来解决。 使用mitmproxy可以实现爬虫的全自动化操作。对于拥有复杂参数的网站,使用这种先抓包再提交的方式可以在一定程度上绕过网站的反爬虫机制,从而实现数据抓取。 9

2.6 本章小结 & 2.7 动手实践

2.6 本章小结 & 2.7 动手实践

10246 | 7743 | 2018-09-01
2.6 本章小结 本章首先讲解了Python在Windows、Mac OS和Linux中的安装,以及Python集成开发环境PyCharm的安装和使用。然后讲到了Python的基础知识,包括Python的基本数据结构和基本控制结构。最后讲到了函数和面向对象编程。这些基本概念是学习爬虫的基石,只有牢牢掌握了Python的基本知识,才能更有效率地开发爬虫。 2.7 动手实践 请修改阶段案例中的程序,实现自定义答案的范围。 提示 在Python 3中计算以2为底的某个数的对数,使用如下两行代码: import math  max_try_num = math.log2

3.4 本章小结 & 3.5 动手实践

3.4 本章小结 & 3.5 动手实践

24166 | 17804 | 2018-09-01
3.4 本章小结 本章主要讲到了正则表达式和Python的文件操作。 正则表达式用来在一大段文字中提取需要的内容,用得最多的组合是“(.*?)”。这个组合可以解决绝大多数的目标提取问题。 使用Python读/写文本文件和CSV文件都需要先把文件打开,在Python中使用open这个关键字来打开文件。在Python中,使用CSV这个内置的模块可以非常方便地把CSV文件转换成Python的字典,或者把Python的字典转换为CSV文件。 3.5 动手实践 在百度贴吧中寻找一个自己喜欢的贴吧,将其中一篇热门帖子的每层楼的发帖人、发帖内容和发帖时间抓取下来。

6.4.3 调试与运行 & 6.5 本章小结 & 6.6 动手实践

6.4.3 调试与运行 & 6.5 本章小结 & 6.6 动手实践

21188 | 14930 | 2018-09-01
6.4.3 调试与运行 爬虫1运行结束以后,Redis中应该会出现一个名为url_queue的列表,执行以下代码: llen url_queue 此时,程序返回13,如图6-43所示。 图6-43 爬虫1 一共爬到了13个章节的URL 爬虫2运行结束以后,Redis中的url_queue会消失,同时MongoDB中会保存小说每一章的内容,如图6-44所示。 图6-44 爬取下来的结果 6.5 本章小结 本章主要讲解了MongoDB与Redis的使用。其中,MongoDB主要用来存放爬虫爬到的各种需要持久化保存的数据,而Redis则用来存放各种中间数据。通

7.4.3 调试与运行 & 7.5 本章小结 & 7.6 动手实践

7.4.3 调试与运行 & 7.5 本章小结 & 7.6 动手实践

62841 | 44303 | 2018-09-01
7.4.3 调试与运行 在爬虫中,带上通过Chrome浏览器从评论页面复制而来的Headers再发起请求,可以减少爬虫被网站封锁的概率。 爬虫的运行结果如图7-53所示。 图7-53 乐视网视频评论爬虫运行结果 7.5 本章小结 本章主要介绍了使用爬虫获取异步加载网页的各种方法。对于普通的异步加载,可以使用requests直接发送AJAX请求来获取被加载的内容。发送的请求中可能包含一些特殊的值,这些值来自网页源代码或者另一个AJAX请求。 在发送请求时需要注意,应保持requests提交的请求头与浏览器的请求头一致,这样才能更好地骗过网站服务器达到获取数据的目的。

4.4.3 调试与运行 & 4.5 本章小结 & 4.6 动手实践

4.4.3 调试与运行 & 4.5 本章小结 & 4.6 动手实践

7966 | 3482 | 2018-09-01
4.4.3 调试与运行 爬虫运行以后,正常情况下可以在3s以内结束,生成一个“动物农场”文件夹。在文件夹里有10个文本文件,文本文件打开以后,其内容如图4-21所示。 图4-21 生成的文本文件 4.5 本章小结 本章讲解了requests的安装和使用,以及如何使用Python的多进程库multiprocessing来实现多线程爬虫。 4.6 动手实践 在网上寻找另一个小说网址,下载感兴趣的小说。

8.3.3 运行与调试 & 8.4 本章小结 & 8.5 动手实践

8.3.3 运行与调试 & 8.4 本章小结 & 8.5 动手实践

43316 | 11725 | 2018-09-01
8.3.3 运行与调试 代码运行以后的结果如图8-23所示。 图8-23 自动登录果壳网爬虫的运行结果,箭头所指的为打码网站识别的验证码 从图8-23中也可以看到,使用在线打码的方式,验证码没有即时返回时每一秒去打码网站查询的过程。最后打开的源代码HTML标题为“个人资料”,说明已经成功登录。 V8-3 模拟登录果壳网 8.4 本章小结 本章主要讲授了模拟登录与验证码识别。使用Selenium实现模拟登录最为简单。但是这种方式的弊端是运行速度慢。使用Cookies登录可以实现一次手动、长期自动的目的。而模拟表单登录本质就是发起POST请求来进行登录,需要使用

推荐图书




推荐文章








更多...
目录

  • 目录
  • 扉页 & 版权
  • 序言
  • 第1章 初识HTML5
  • 1.1 HTML5概述
  • 1.2 HTML5基础
  • 1.3 文本控制标记
  • 1.4 图像标记
  • 1.5 超链接标记
  • 1.6 阶段案例——制作HTML5百科页面
  • 本章小结 & 动手实践
  • 第2章 HTML5页面元素及属性
  • 第3章 CSS3入门
  • 3.1 CSS3简介
  • 3.2 CSS核心基础
  • 3.3 文本样式属性
  • 3.4 CSS高级特性
  • 3.5 阶段案例——制作服装推广软文
  • 本章小结 & 动手实践
  • 第4章 CSS3选择器
  • 第5章 CSS盒子模型
  • 5.1 盒子模型概述
  • 5.2 盒子模型相关属性
  • 5.3 背景属性
  • 5.4 CSS3渐变属性
  • 5.5 阶段案例——制作音乐排行榜
  • 本章小结 & 动手实践
  • 第6章 浮动与定位
  • 第7章 表单的应用
  • 7.1 认识表单
  • 7.2 表单属性
  • 7.3 input元素及属性
  • 7.4 其他表单元素
  • 7.5 CSS控制表单样式
  • 7.6 阶段案例——制作信息登记表
  • 本章小结 & 动手实践
  • 第8章 多媒体技术
  • 第9章 CSS3高级应用
  • 9.1 过渡
  • 9.2 变形
  • 9.3 动画
  • 9.4 阶段案例——制作工作日天气预报
  • 本章小结 & 动手实践
  • 第10章 实战开发——制作电商网站首页

聚圣源上海娱乐频道打牌群起个霸气名字澹台烬赵东苏菲凤凰火御魂魔医十三岁公司起名含义西甲球队排名楼盘起名字测试装饰公司起名大全两个字起个公司名字赢勾木字旁的字女孩起名字汉字起名字典起名鬼才guidechem姓雷男宝起名2012在线九字起名大连长兴岛最新消息生鲜食品自有品牌起名鼠年 起名大全恐慌沸腾家字辈男孩起名圣石小子史姓女孩起的洋气名字1200个好听男孩起名免费吴 起名字大卫地板起英文名字女生名字淀粉肠小王子日销售额涨超10倍罗斯否认插足凯特王妃婚姻让美丽中国“从细节出发”清明节放假3天调休1天男孩疑遭霸凌 家长讨说法被踢出群国产伟哥去年销售近13亿网友建议重庆地铁不准乘客携带菜筐雅江山火三名扑火人员牺牲系谣言代拍被何赛飞拿着魔杖追着打月嫂回应掌掴婴儿是在赶虫子山西高速一大巴发生事故 已致13死高中生被打伤下体休学 邯郸通报李梦为奥运任务婉拒WNBA邀请19岁小伙救下5人后溺亡 多方发声王树国3次鞠躬告别西交大师生单亲妈妈陷入热恋 14岁儿子报警315晚会后胖东来又人满为患了倪萍分享减重40斤方法王楚钦登顶三项第一今日春分两大学生合买彩票中奖一人不认账张家界的山上“长”满了韩国人?周杰伦一审败诉网易房客欠租失踪 房东直发愁男子持台球杆殴打2名女店员被抓男子被猫抓伤后确诊“猫抓病”“重生之我在北大当嫡校长”槽头肉企业被曝光前生意红火男孩8年未见母亲被告知被遗忘恒大被罚41.75亿到底怎么缴网友洛杉矶偶遇贾玲杨倩无缘巴黎奥运张立群任西安交通大学校长黑马情侣提车了西双版纳热带植物园回应蜉蝣大爆发妈妈回应孩子在校撞护栏坠楼考生莫言也上北大硕士复试名单了韩国首次吊销离岗医生执照奥巴马现身唐宁街 黑色着装引猜测沈阳一轿车冲入人行道致3死2伤阿根廷将发行1万与2万面值的纸币外国人感慨凌晨的中国很安全男子被流浪猫绊倒 投喂者赔24万手机成瘾是影响睡眠质量重要因素春分“立蛋”成功率更高?胖东来员工每周单休无小长假“开封王婆”爆火:促成四五十对专家建议不必谈骨泥色变浙江一高校内汽车冲撞行人 多人受伤许家印被限制高消费

聚圣源 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化