公子卿辞-CSDN博客

原创实训项目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 168

原创阴阳师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 569 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 253

原创实训第六天

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 77

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

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

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

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

一.2D转化transform 1.旋转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.缩放scale tr

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

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

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

2021-06-03 21:11:29 530

原创实训第二天：表单与快速入门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 114

原创实训第一天 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 283