- 博客(13)
- 收藏
- 关注
原创 过渡效果额和3d转换笔记
1、 过渡 transitions使一个样式逐渐过渡到另一个样式。语法:Transitons:property(初始形状) duration(持续时间) timing-function(过渡时间曲线) delay(鼠标上去马上过渡);a. 属性名称b. 定义过渡时所需的时间c. Linear(相同速度),ease(慢速),ease-in(慢速),wase-our(缓入),ease-in-out(缓出)2、 变形transform2D转换(旋转)和3D转换旋转Rotate(46deg)
2020-09-13 17:28:38 204
原创 日常动画的笔记
1、 摇晃的桃子2、 animation 动画一个完整的css animation两部分:A. 一组定义的动画关键帧(超过24幅/s的动画)@keyframes(一幅)语法:@keyframes animationname{keyframes-selector{css-styles;}}.box{10%{css;}50%{css}}Animationname:一组关键帧的名称B. 描述该动画的css声明@animation——具体动画以及动画时长等行为。语法:Animation
2020-09-13 17:27:30 256
原创 关于表单验证的笔记
表单关键词滑块标签Name:控件名称Readonly:只读Disabied:第一次加载页面时禁用该控件(显示灰色)Autofocus:指定页面加载后是否自动获取焦点Placeholder:为input类的输入框提供一种提示Required:不能为空Cols:规定文本区的可见宽度Rows:规定文本区的可见行数标签Multiple:按住ctrl可进行多选Size:下拉菜单可见的选项数Select:默认标签标签定义不同类型的输出标签密钥对生成器,私钥本地(验证用户客户端的证
2020-09-13 17:26:20 149
原创 视频播放
代码<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css/shipin.css"> <title>视频播放</title> </head> <body> <div onmouseover="fun1()" onmouseout=
2020-09-13 17:24:54 79
原创 进度显示
1、效果图2、主页<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>进度</title> <link rel="stylesheet" href="css/jindu.css"></head><...
2020-04-30 16:46:45 151
原创 个人信息界面
1、主页代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <link rel="stylesheet" href="css/xinxi.css"> <title></title></head><body&g...
2020-04-30 16:01:37 3221
原创 h5表单验证
我比较笨就用笨方法了1、代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表单</title> </head> <body> <table bgcolor="pink" bordercolor="#87...
2020-04-07 17:07:23 429
原创 表单及其验证
@关于表单及其验证表单关键词滑块标签Name:控件名称Readonly:只读Disabied:第一次加载页面时禁用该控件(显示灰色)Autofocus:指定页面加载后是否自动获取焦点Placeholder:为input类的输入框提供一种提示Required:不能为空Cols:规定文本区的可见宽度Rows:规定文本区的可见行数标签Multiple:按住ctrl可进行...
2020-04-07 17:01:48 101
原创 图片过度与变形的综合运用
2、图片的主网页<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>我的图片</title> <link rel="stylesheet" type="text/css" href="css/第七周作业样式表.css"> </...
2020-03-26 16:58:47 203
原创 HTML标签属性
1.<header>标记HTML5中的header元素是一种具有引导和导航作用的结构元素,该元素可以包含所有通常放在页面头部的内容。例如:<body><header><h1>夏天</h1><h3>夏天它是炎热的,但是微风拂过,也有着那一丝丝凉意...</h3></header></...
2020-03-04 21:20:38 468
原创 HTML5 LOGO绘制
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <!--网页的标题伟html5 logo--> <title>HTML5 logo</title> <!--键入样式表,浏览器运行时会加载解析css/logo.css...
2020-03-04 21:19:53 361
原创 一个网页
1。代码<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>传智播客设计学院简介</title> <style> #head{ font-size:20px; text-align:center; font-weight:b...
2020-03-04 21:18:58 127
原创 表单
1.代码可以采用表格、表单嵌套来做。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表单</title> </head> <body> <table bgcolor="pink" bordercolor=...
2020-03-04 21:18:05 77
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人