【慕课网3-10编程练习：简单的flex布局】的更多相关文章

慕课网3-10编程练习：简单的flex布局

小伙伴们,我们学习了伸缩容器的一些属性,接下来使用我们所学的伸缩容器属性完成下面的效果图. 完成效果: 任务 1.先将容器设置为伸缩容器 2.在垂直方向上对齐,行与行之间的空白距离一样 3.在水平方向上对齐,第一个和最后一个项目位于容器的最左边和最右边 <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="UTF-8"> <title></…

慕课网 javascript深入浅出编程练习

任务 请在index.html文件中,编写arraysSimilar函数,实现判断传入的两个数组是否相似.具体需求: 1. 数组中的成员类型相同,顺序可以不同.例如[1, true] 与 [false, 2]是相似的. 2. 数组的长度一致. 3. 类型的判断范围,需要区分:String, Boolean, Number, undefined, null, 函数,日期, window. 当以上全部满足,则返回"判定结果:通过",否则返回"判定结果:不通过". 编程思…

慕课网：剑指Java面试-Offer直通车视频课程

慕课网:剑指Java面试-Offer直通车视频课程,一共有10个章节. 目录结构如下: 目录:/2020036-慕课网:剑指Java面试-Offer直通车 [6G] ┣━━第10章 Java常用类库与技巧 [357.9M] ┃ ┣━━10-1 Java异常体系.mp4 [101.8M] ┃ ┣━━10-2 Java异常要点分析.mp4 [108.2M] ┃ ┗━━10-3 Collection体系.mp4 [147.9M] ┣━━第1章 课程导学 [20.4M] ┃ ┗━━1-1 导学必看.mp…

10慕课网《进击Node.js基础（一）》初识promise

首先用最简单的方式实现一个动画效果 <!doctype> <html> <head> <title>Promise animation</title> <style type="text/css"> .ball { width: 40px; height: 40px; border-radius: 20px; } .ball1 { background: red; } .ball2 { background: ye…

java网络爬虫----------简单抓取慕课网首页数据

© 版权声明:本文为博主原创文章,转载请注明出处 一.分析 1.目标:抓取慕课网首页推荐课程的名称和描述信息 2.分析:浏览器F12分析得到,推荐课程的名称都放在class="course-card-name"的h3标签里,描述信息都放在h3标签下面的p标签中.因此只需要获取到这两个标签中的内容即可 二.实例 1. 项目结构 2.pom.xml <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:x…

【JS学习】慕课网8-17编程练习 网页的返回与跳转

编程练习 制作一个跳转提示页面: 要求: 1. 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如慕课网主页. 2. 如果点击“返回”按钮则返回前一个页面. 代码如下: 需要注意的是23行要用window.location.href来指定  用window.open 的话是在新页面打开 27行用计时器setInterval来调用函数  也可以用setTimeout 但此时函数内外都要加上即注释掉的25行 10行超链接指向必须是javascript:跳转函数 <!DOCTYPE…

慕课网5-2编程练习：flex布局制作卡片布局案例

慕课网5-2编程练习:flex布局制作卡片布局案例 小伙伴们,学习了卡片布局,接下来我们根据效果图,也写出一个卡片布局的页面吧! 效果图如下: 任务 1.主体内容的卡片一行只能显示两个. 2.卡片与卡片之间的距离相等,行与行之间的距离也相等. 3.卡片的主体内容居中显示. 4.当鼠标放在按钮上时,按钮的文字颜色发生变化. 参考代码: <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset…

慕课网4-2 编程练习：jQuery祖先后代选择器小案例

4-2 编程练习 结合所学的祖先后代选择器,实现如下图所示效果 任务 (1)使用祖先后代选择器将第二段文字背景色变成红色 (2)使用jQuery的.css()方法设置样式,语法css('属性 '属性值') 参考代码: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>慕课网4-2 编程练习</title&g…

慕课网3-13编程练习：采用flex弹性布局制作页面主导航

小伙伴们,伸缩容器的属性我们已经学完了,接下来使用我们所学的伸缩容器属性完成下面的效果图. 要求: 1.logo.导航项.登录注册按钮这三项在水平和垂直方向上都对齐,而且他们之间的距离也相等. 2.导航项各项之间的距离也是一样的. 3.登录.注册按钮之间的距离也是一样的. 慕课网logo图: 效果图如下: 任务 1.对容器进行弹性布局(导航项容器和按钮也要使用弹性布局) 2.三大容器(logo.导航项.按钮)在水平方向以及垂直方向均对齐,且之间距离一样 3.导航项以及按钮之间的各项距离也相等 <…

JavaScript进阶--慕课网学习笔记

                     JAVASCRIPT—进阶篇 给变量取个名字(变量命名) 变量名字可以任意取,只不过取名字要遵循一些规则: 1.必须以字母.下划线或美元符号开头,后面可以跟字母.下划线.美元符号和数字.如下: 正确: mysum _mychar $numa1 错误: 6num  //开头不能用数字 %sum //开头不能用除(_ $)外特殊符号,如(%  + /等) sum+num //开头中间不能使用除(_ $)外特殊符号,如(%  + /等) 2.变量名区分大小写,…