自定义博客皮肤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)
  • 收藏
  • 关注

原创 实训项目3D旋转书本

小组项目实现书本鼠标放上去翻页并旋转一定的角度html:<!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, initial-sca

2021-06-11 00:40:54 124

原创 阴阳师f4底部行走

综合项目阴阳师图片实现底部动画效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="style

2021-06-11 00:35:35 419 3

原创 实训第七天个人相册制作

要求:1.完成《个人相册》项目登录页面(1)使用正则表达式验证邮箱(2) 密码长度至少为6位且为字母与数字的组合2.完成《个人相册》项目注册页面(1)使用正则表达式验证邮箱(2) 用户名长度不能超过五位(3)密码长度至少为6位且为字母与数字的组合(4) 两次密码输入须一致3.完成《个人相册》项目相册页面登录页面:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g

2021-06-09 16:00:28 181

原创 实训第六天

1.介绍HTML DOM 是 W3C(万维网联盟)制定的关于HTML的标准HTML DOM( Document Object Model ), 即文档对象模型HTML DOM 定义了访问和操作 HTML 文档的标准方法(接口)HTML DOM 以树状结构表达 HTML 文档2.节点在HTML DOM中,所有事物都是节点,整个HTML就是以节点构建的一个DOM树整个 HTML 文档是一个文档节点每个 HTML 元素是元素节点每个 HTML 元素内的文本是文本节点每个 HTML 属性是属性节

2021-06-08 10:37:42 43

原创 实训第五天js函数使用

一.函数语法利用函数可以封装多条语句,之后在其它代码中进行调用function 函数名( 参数1 , 参数2 ,…){ // 函数执行代码}函数代码利用花括号进行包裹函数参数利用逗号进行分隔建议参数个数:小于5个1.无参数函数<script type="text/javascript"> // 定义 helloJS 函数 function helloJS( ) { alert("你好 JS"); }

2021-06-07 23:41:15 134 1

原创 实训第四天css动画效果transform与animation

一.2D转化transform1.旋转rotate(<角度>deg)角度单位deg设置的角度为正值时,顺时针旋转,负值时逆时针旋转,未设置旋转中心时,以元素的中心作为默认的旋转中心,设置旋转中心点transform-origin: x y;注意:(1)x y之间用空格隔开(2)x y默认旋转中心是元素的中心点(50% 50%)等价于center center(3)还可以给x y 设置像素或者方位名词(top bottom left right center)2.缩放scaletr

2021-06-05 00:36:13 292 1

原创 实训第三天 css浮动定位与盒子模型

一.浮动1.简介(1)CSS float 属性是一个定位属性,用于使元素脱离正常的文档流,并浮动在它的父容器的左侧或右侧(2)float 设置元素在水平方向浮动,意味着元素只能左右浮动而不能上下浮动(3)float 属性的常用值包括:left 靠左浮动right 靠右浮动none 不浮动clear:both ; 清除浮动22.练习——自适应<!DOCTYPE html><html lang="en"><head> <meta char

2021-06-03 21:11:29 400

原创 实训第二天:表单与快速入门css

一.表单1.简介(1) HTML 表单是 HTML 文档中的一个区域(2)HTML 表单这个区域中包含了一系列的可交互元素(3)HTML 表单主要用于收集用户输入信息2.表单元素表单提交后,服务端响应地址 发送数据方式:post/get<from>...</from>3.常用元素表单交互元素(1)文本输入元素:<input type="text">(2)单选框元素:<input type="radio"(3)复选框元素:<inpu

2021-06-02 22:53:44 79

原创 实训第一天 HTML的基础标签与表格与列表

一.html简介1.定义:HTML是hyper text markup language超文本标记语言。2.html的主要特点是:简易,可扩展,平台无关。3.html的重点是标签,标签室友各种通过<>包裹的标签组成一个页面。二.文档基本结构head头部body主体部分<html> <head> <!--元信息--> <meta charset="utf-8"> <title>网页标题</title&g

2021-06-01 20:05:09 222

空空如也

空空如也

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

TA关注的人

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