自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 Day10—能被3、5、7整除的正整数及九九乘法表

1.九九乘法表<!-- * @Author: your name * @Date: 2021-06-07 09:54:33 * @LastEditTime: 2021-06-07 10:06:59 * @LastEditors: Please set LastEditors * @Description: In User Settings Edit * @FilePath: \程序\关卡十一\九九乘法表.html--><!DOCTYPE html><html

2021-06-10 16:38:59 377

原创 Day9—旋转的太极

<!doctype html><html><head><meta charset="utf-8"><title>CSS3实现旋转的太极图(二):只用1个DIV</title><style>/* 利用background-image实现左黑右白的圆,IE下测试不太理想 *//* .box-taiji {width:400px;height:400px;position:relative;margin:30px a

2021-06-10 16:32:59 125

原创 Day8—安全数、水仙花数

练习一:用户输入一个三位数,弹出各个数位的和。比如:用户输入155,就弹出11用户输入316,就弹出10用户输入989,就弹出26用户输入678,就弹出21练习二:大家从小到大,都玩儿过的一个庸俗的游戏:游戏玩儿法就是,大家轮流报数,如果报到能被7整除的数字,或者尾数是7的数字,都算踩地雷了。就应该罚唱歌。请在控制台输出1~60之间的所有“安全数”。比如:1、2、3、4、5、6、8、9、10、11、12、13、15、16、18、19、20、22、23、24、25、26、29、30……练习三:..

2021-06-10 09:06:42 436 1

原创 Day7—奇偶数列背景颜色设置

要求:页面加载完成后,将奇数列的背景色设置为红色,偶数列背景色设置为绿色代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, i

2021-06-09 09:49:38 577

原创 Day6—求100以内奇数和、圆的面积

利用JavaScript实现案例一、JavaScript相关知识点1. JS简介2. JS使用3. JS输出3.1 页面打印3.2 控制台显示3.3 弹窗显示二、实例1. 求100以内奇数和1.1 要求及代码1.2 运行结果2. 求圆的面积2.1 要求及代码2.2 运行结果一、JavaScript相关知识点1. JS简介JavaScript 是属于 HTML 和 Web 的编程语言,编程令计算机完成所需要它们做的工作;JavaScript能够改变HTML的内容 ;<!--利用getEl

2021-06-08 10:10:18 483 1

原创 Day5—动画效果

HTML\CSS实现动画效果一、CSS动画1. CSS的2D转换1.1 移动1.2 旋转1.3 缩放2. CSS动画效果2.1 @keyframes 规则2.2 延迟动画2.3 设置动画运行次数2.4 反向或交替运行动画2.5 指定动画的速度曲线2.6 指定动画的填充模式二、动画效果实例1. 代码2. 结果一、CSS动画1. CSS的2D转换CSS转换包括移动、旋转、缩放和倾斜元素。1.1 移动translate()方法从其当前位置移动指定,向右、向下为正方向。/*将div元素向右、向下移动50

2021-06-05 11:31:17 138

原创 Day4—HTML_家用电器分类及窗口自适应

HTML_家用电器分类练习及窗口自适应练习一、CSS选择器1.div标签选择器2.类选择器3.ID选择器二、实例1.家用电器分类1.1 代码2.窗口自适应一、CSS选择器1.div标签选择器标签选择器就是按标签添加样式,直接输入标签,后加大括号即可。div{ border:1px solid white; width: 500px; height: 600px; background: white; }2.类选择器类选择器

2021-06-03 16:27:27 1505

原创 Day3—HTML个人简历制作及五彩导航练习

个人简历制作和五彩导航练习一、个人简历制作1.表格2.表单二、五彩导航1.CSS超链接样式1.1 CSS超链接样式设置2.设置超链接状态样式2.1 文本修饰2.2 背景样式三、实例结果1.个人简历制作2.五彩导航一、个人简历制作1.表格表格由 < table> 标签来定义。每个表格均有若干行(由 < tr> 标签定义),每行被分割为若干单元格(由 < td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片

2021-06-03 10:26:18 862

原创 Day2—HTML使用列表标签和表格标签完成实例

1、完成《列表标签》练习要求:包含无序、有序2、完成《小说排行榜》练习包含图片、链接具体内容如下:1、 标签定义有序列表。使用代码:`<ol> <li>Google</li> <li>Baidu</li> <li>Bing</li> <li>Sougou</li> </ol>`2、 标签定义无序列表。

2021-06-01 21:42:10 216

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除