- 博客(15)
- 收藏
- 关注
RSS订阅原创 1.前端零基础入门/步骤五.让页面动起来的js基础部分/JS语法
5-7 编程练习小伙伴们，算数操作符中还有2个非常重要的运算：++和--，那么接下来我们计算一下两个数值4和5通过++，--后进行的加减乘除吧。实践是检验真理的唯一标准，通过练习验证我们的所思所想。任务第一步：用两个变量保存这两个数值4和5,再声明一个变量接收运算的结果第二步：脚本中写出数值4后加加，数值5前减减，通过算数操作加减乘除来计算他们的结果，比如result=（x++）+（--y），要小心，可能你想的计算结果跟页面显示的不一样哦第三步：在控制台输出这些结果...
2021-03-31 22:08:27
88
原创 1.前端零基础入门/步骤五.让页面动起来的js基础部分/JS语法
3-19 编程练习小伙伴们，我们学习了parseFloat（）方法，下面我们将以下几个数据转化成浮点数：“50px“，“px50“，“050px“，“50.12345“，“50.123px45“并在页面中输出。任务1、定义几个变量，值分别是：“50px“，“px50“，“050px“，“50.12345“，“50.123px45“。2、用parseFloat（）方法对这些数字进行转换，并输出在页面中。...
2021-03-31 07:02:02
133
原创 1.前端零基础入门/步骤五.让页面动起来的js基础部分/JS语法
3-18 编程练习课程中我们学习了parseInt()方法，下面我们来练习一下，把下面的几个数据转化成数字。数据如下：“50px“，“px50“，“50px50“，“50.51“任务1、定义几个变量，值分别为：“50px”，“px50”，“50px50”，“50.51”。2、用parseInt（）方法将这些数据转换为数字，然后在页面中输出转化后的值。任务提示页面输出可以使用document.write()语句。...
2021-03-30 22:19:21
79
原创 1.前端零基础入门/步骤五.让页面动起来的js基础部分/JS语法
3-11 编程练习小伙伴们，用isNaN（）函数检测下我们学过的数据类型是不是数值类型吧！需要判断的数据如下：null，10，“我是字符串”，“10“，undefined任务第一步：在<script></script>标签里定义几个变量，值分别为：null，10，“我是字符串”，“10“，undefined第二步：使用isNaN（）来判断下他们是否是数值，一定要注意：isNaN()返回的是false，表示就是数值，返回的是true，表示就是非...
2021-03-30 21:45:22
56
原创 1.前端零基础入门/步骤五.让页面动起来的js基础部分/JS语法
1-5 编程练习小伙伴们，让我们实现在html页面中的head标签和body标签中插入JavaScript脚本，其中body标签实现引入外部JavaScript脚本。（在本地编辑器测试）任务1、在head标签中写出可以嵌入JavaScript脚本的标签2、在body标签中写出可以引入JavaScript脚本的标签并在标签中写出脚本外部引入的属性，属性值就是新建的js文件<!DOCTYPE html><html><head lang="e...
2021-03-28 16:01:40
47
原创 1.前端零基础入门 / 步骤一 · HTML基础
1-6 编程练习小伙伴们，请动手编写自己的第一个网页。效果图:任务1．编写html基础结构。2．设置网页标题为“hello”3．网页中显示一段文字“HELLO, everyone. This is my first page!”4.网页背景颜色”灰色”tips：给body标签设置bgcolor属性即可设置背景色，比如：<body bgcolor="gray"><html> <head>...
2021-03-10 21:53:05
82
原创 前端零基础入门 /升级页面化妆师CSS/CSS选择器/2-29编程练习
2-29 编程练习根据效果图，补充代码，实现：（1） 表格的表头背景颜色是黄色（2） 表格主体的奇数行字体颜色是橘色，偶数行字体颜色是绿色要求：选择器均用:nth-child(odd)和:nth-child(even)效果图如下：任务第一步：给表格的表头设置背景颜色，表格的表头是第一行第二步：将表格中行的奇数项字体颜色设置为橘色，表格中行的偶数项字体颜色设置为绿色<!DOCTYPE html><html><h...
2021-02-18 06:53:50
129
原创 前端零基础入门 /升级页面化妆师CSS/CSS选择器/2-24编程练习
根据效果图，写出代码，实现：（1） 每个列表的第一项字体颜色是红色（2） 每个列表的第二项字体颜色是绿色（3） 每个列表的第三项字体颜色是蓝色要求用到first-child、last-child、nth-child中的知识。效果图如下：任务第一步：先写出html结构（1个无序列表里面包含3个有序列表）第二步：用匹配属于其父元素的首个子元素的指定选择器，将3个列表的第一项字体颜色设置为红色第三步：用匹配属于其父元素的最后一个子元素的指定选择器，将3个列表的最后一项字体颜色设置为蓝
2021-01-28 22:06:02
121
原创 前端零基础入门 /升级页面化妆师CSS/CSS选择器/2-17编程练习
2-17 编程练习根据gif效果图（ focus.gif），写出代码，实现：（1） 当鼠标悬浮在输入框上时，输入框边框颜色为红色（2） 当用户名输入框获得焦点时，输入框背景颜色变为橘色当密码输入框获得焦点时，输入框背景颜色变为黄色。任务第一步：先写出html代码，写出用户名输入框和密码输入框第二步：给两个输入框设置样式：当鼠标悬停在输入框上时，输入框的边框颜色变为红色提示：可以用到动态伪类选择器：hover第三步：给用户名输入框设置样式，...
2021-01-28 21:03:46
103
原创 前端零基础入门 /页面升级结构HTML5/HTML5/3-14编程练习
小伙伴们，我们今天学习了HTML5标签<progress>，那么根据下面的效果图完成代码，实现任务总进度是100，当前完成任务进度80效果图如下：任务第一步：写出表示任务的完成进度的标签第二步：在标签中设置属性：任务的总进度为100，完成进度是80<!DOCTYPE html><html><head> <title>Progess</title></head><bod...
2020-11-01 16:18:33
429
原创 前端零基础入门 / 页面化妆师CSS/盒子模型/4-2编程练习
小伙伴们，元素的display属性能够对元素进行行内、块级以及行内块的设置，根据gif效果图，补充代码，实现：当鼠标放在”家电“上时，家电的分类在一行上显示出来效果参考下列的gif图：任务第一步：网页中默认只显示标题“家电”第二步：当鼠标悬停在标题上时，家电的相关列表项显示出来<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> ...
2020-09-02 22:45:26
168
原创 前端零基础入门 / 页面化妆师CSS/盒子模型/3-24编程练习
小伙伴们，学习了margin外边距属性，根据效果图的提示，补充代码 。效果图如下：任务第一步：设置列表项之间的距离第二步：设置列表项与父元素之间的距离<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <title>margin外边距</title> <style...
2020-09-02 21:21:25
178
原创 前端零基础入门 / 页面化妆师CSS/盒子模型/3-17编程练习
小伙伴们，学习了元素的边框，根据效果图，补充代码，给每个li设置不同方向的边框样式。效果图如下：任务第一步：第一个li设置宽为2px的实线红色上边框第二步：第二个li设置宽为2px的点状绿色右边框第三步：第三个li设置宽为2px的虚线蓝色下边框第四步：第四个li设置宽为3px的双线紫色左边框第五步：第五个li设置宽为2px的实线橘色全边框<!DOCTYPE html><html><head lang="en"> ...
2020-09-02 21:00:42
133
原创 前端零基础入门 / 页面化妆师CSS/盒子模型/3-12编程练习
小伙伴们，在HTML中，有的元素可以设置宽和高，有的元素无法设置宽和高，接下来给下列的元素按要求设置样式，看看有什么不同的？元素样式要求参考任务步骤任务第一步：给段落标签设置样式 宽度是父元素宽度的30% 字体是父元素的2倍第二步：为输入框设置样式宽度是父元素的30%，高度是父元素的四分之一第三步：为提交按钮设置样式宽度是100像素，高度是30像素...
2020-08-13 23:22:01
98
原创 前端零基础入门 / 页面化妆师CSS / CSS选择的艺术 /· 3-24 编程练习
3-24 编程练习补充代码，实现以下效果：（1） 当鼠标悬停在“点击一下”时，链接字体大小变为30px（2） 当鼠标悬停在“百度一下”时，链接字体加粗任务第一步： 用后代选择器先找到“点击一下”的标签，然后给这个标签添加悬停状态，实现当鼠标悬停在链接上时，链接的字体变为30px第二步：用后代选择器找到“百度一下”的标签，然后给这个标签添加悬停状态，实现当鼠标悬停在链接上时，链接的字...
2019-10-24 21:04:02
176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人