03 2020 档案

demo27-数组去重
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var arr1 = [1, 2, 1, 2, 2,
95
0
0
demo26-通过循环输出数据到页面显示
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 如果这样输出,页面就是写死的,一般都是在后台数据库中取 --> <ul id="list"> <!--<li>周大成:结婚
120
0
0
demo25-for循环
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> //while 循环也有 //for使用最多,所以先
121
0
0
demo24-命名规范
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> <!-- 命名规范: 头:header 内容:content/container 页面主体:main
126
0
0
demo23-数组常见属性和方法
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> //创建数组 var arr = [1,1,2,2,
125
0
0
demo22-创建数组
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> // 第一种创建方式: // // //创建一个数组
94
0
0
demo21-网页换肤
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!--引入皮肤一,默认指定皮肤一--> <link rel="stylesheet" type="text/css" href="css/skin01.css"
115
0
0
demo20-通过js修改标签属性
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a href="#" title="我是默认HTML的属性" id="app">周,漏气没</a> </body> <!--js设
326
0
0
demo19-作业3聊天对话框
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .talk_con{ width: 600px; height: 500px; border: 1px solid
135
0
0
demo18-作业2属性设置
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .set_con{ width: 900px; height: 350px; border: 1px solid
169
0
0
demo17-作业1网页换肤
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .set_bg_con{ width: 440px; height: 40px; border: 1px soli
151
0
0
demo16-打印名字
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text" id="txt"/> <input type="button" id="btn" value=
115
0
0
demo15-获取标签里面的值
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!-- 执行的時候是自上而下,当放在这里的时候就... 如果希望在head标签里面执行,那么需要添加一个入口函数 --> <script type="text/
112
0
0
demo14-修改标签里面的属性
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a href="#" title="你好" class="red" id="app">黑马程序员</a> </body> <!--
125
0
0
demo13-修改元素的内容
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1 id="app"> 刘瑞:你知道世界最冷的地方? 龙:哪? 柳:南极 </h1> </body> <script type=
116
0
0
demo12-js的操作元素
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*#div1{ width: 300px; height: 300px; background: powderb
98
0
0
demo11-js的获取元素
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1 id="qq"> 盘: 龙:是吗 盘:时候 真:上帝一定会死 </h1> </body> <script type="tex
147
0
0
demo10-js的if条件判断
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var a =88; //if 判断真假 //判断(
219
0
0
demo09-js逻辑运算符
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> //&& : 与 并且关系 //|| : 或 或者关
140
0
0
demo08-js条件运算符
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var a = 10; // var b = 10;
153
0
0
demo07-js数学运算
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> /** * + * - * * * / * % 取模
111
0
0
demo06-js函数
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> /** * 无参数 */ // // 函数的语法必须
143
0
0
demo05-js变量类型
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var a =1; var b =1.1; var
121
0
0
demo04-js变量
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> // 在js里面声明一个变量都必须使用var声明.表
128
0
0
demo03-js注释
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> // 表示单行注释,快捷键是ctrl + / /**
89
0
0
demo02-js引入外链
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!--引用外部的js代码--> <script type="text/javascript" src="js/demo.js"> </script> </hea
185
0
0
demo01-js入门
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!--位置一:这里也可以写js--> <script type="text/javascript"> //弹出一个对话框 ,警告的作用 alert是警告的意思
133
0
0
demo60-圆角属性
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .div1{ width: 300px; height: 300px; background: pink; /*
110
0
0
demo59-作业2注册表单
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*设置整个背景颜色为淡蓝色*/ body{ background: #00ccff; } .reg{ width
112
0
0
demo58-作业1
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> table{ width: 650px; height: 250px; border: 1px solid #DD
145
0
0
demo57-小结
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> <!-- ps取色 Mark Man 测出来是单数,建议写成双数,方便以后计算 css颜色表示: 英
79
0
0
demo56-CSS权重
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> h1{ color: blue; } #1{ color: red; } </style> </head> <bo
96
0
0
demo55-固定定位
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> span{ /* * 固定定位 position: fixed; * */ position: fixed; wi
120
0
0
demo54-模仿京东
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 590px; height: 470px; border: 4px solid green
206
0
0
demo53-绝对定位
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> span{ width: 300px; height: 300px; background: pink; /*绝对
117
0
0
demo52-相对定位
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 300px; height: 300px; background: pink; /*设置相
129
0
0
demo51-盒子模型布局稳定性
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> span{ padding: 50px 50px; background: pink; } </style> </
119
0
0
demo50-版心居中
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 1000px; height: 300px; background: pink; /* 版
176
0
0
demo49-表格合并
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> table{ width: 1000px; height: 50px; border: 1px solid bla
123
0
0
demo48-表格标签
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> table{ width: 800px; height: 50px; border: 1px solid blac
133
0
0
demo47-作业2用户登录
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*.all{ width: 502px; height: 302px; line-height: 200%; b
135
0
0
demo46-作业1用户注册
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>个人信息</title> <style type="text/css"> div{ width: 440px; height: 500px; background: #f2f2f2
131
0
0
demo45-部分总结
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <!-- 总结: 路径 相对的会就行 列表 有序知道即可 ul无序的必会 css选择器7种 1.标签选择器 直接使用标签找 2.class类选择器
76
0
0
demo44-溢出属性overflow
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 100px; height: 100px; background: yellow; /*
123
0
0
demo43-转换方式
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 300px; height: 300px; background: pink; /* di
83
0
0
demo42-标签总结
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 100px; height: 100px; background: red; } /* a
194
0
0
demo41-案例练习
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .con{ width: 560px; height: 260px; background: whitesmoke
102
0
0
demo40-居中方式
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 300px; height: 300px; background: pink; /* 水平
83
0
0
demo39-案例:盒子的真实尺寸
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box{ width: 340px; height: 240px; /*background: pink;*/
223
0
0
demo38-盒子外边距
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .div1{ width: 300px; height: 300px; background: red; /* d
101
0
0
demo37-盒子内边距
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width:300px; height:300px; background: pink; /* 文字内容
116
0
0
demo36-hover伪类选择器
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* a:hover 鼠标移动在a标签的时候可以做一些特殊效果,比如图片放大,字体颜色变化等等 一般情况下都是在a
130
0
0
demo35-全匹配选择器
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* *号表示全匹配选择器 * */ *{ color: red; } </style> </head> <!--
97
0
0
demo34-组选择器
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*div{ color: red; } p{ color: red; } span{ color: red; }
125
0
0
demo33-id选择器
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* # 查找id,id不可以重复 .查找class,class可以重复 * */ #div1{ width: 3
113
0
0
demo32-outline轮廓标签
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* outline:轮廓标签 和使用边框一样 需要注意这个只能使用在ie8以上的浏览器 * */ p{ outl
143
0
0
demo31-form表单提交
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- form:表单提交 action:提交动作,提交到哪个地方,一般是服务器地址,域名即可,或者ip地址 method:提交方
248
0
0
demo30-表单元素
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* textarea:一般情况下不允许调整大小 * */ textarea{ /*resize:调整大小, no
112
0
0
demo29-版心居中
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 1000px; height: 50px; background: pink; /*文本居
161
0
0
demo28-列表标签
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> ul{ /* * 设置列表样式:设置为空 list-style: none; 去掉无序列表默认的小圆点 ul表示无
102
0
0
demo27-span标签
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> span{ color: red; } </style> </head> <body> <!-- span:也是一
123
0
0
demo26-路径
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- ./这个是相对路径一般是这样,但是可以省略 不写 如下这种即可 --> <img src="img/zyq.jpg" ti
150
0
0
demo25-今日头条案例
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .today{ width: 285px; height: 310px; border-top: 1px soli
154
0
0
demo24-文本属性
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> p{ color: red; /* * font-family: "微软雅黑"; 字体样式 */ font-fam
132
0
0
demo23-浮动属性
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .div1{ width: 300px; height: 300px; border:1px solid red;
95
0
0
demo22-css背景属性
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 300px; height: 400px; background: white; /*bo
108
0
0
demo21-层级选择器
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* 层级选择器:中间通过空格进行连接 千万不能丢掉空格 前面的标签是后面标签的长辈元素,后面是前面的子元素 比如
131
0
0
demo20-类选择器
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* . 表示寻找class类型的 # 表示寻找id类型的 . 对应 class # 对应id * */ .ddd
111
0
0
demo19-标签选择器
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* *标签选择器:必须和下面的标签保持一致,比如现在下面是h1标题标签,那么在这里就必须也是h1. */ h1{
139
0
0
demo18-css引入方式3:外链式
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!--在这里以link标签导入的方式就是外链式--> <link rel="stylesheet" href="css/new_file.css" /> </h
407
0
0
demo17-css引入方式2:嵌入式
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!--在这个位置的就是嵌入式,以style标签导入--> <style type="text/css"> div{ width:300px; height:30
130
0
0
demo16-css引入方式1:内联式
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div style="width:300px;height:300px;background: hotpink;"> 河马生鲜 <
124
0
0
demo15-css入门
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!-- style type="text/css":表示样式 --> <style type="text/css"> /* div:表示选择器,或者叫做标签 p
102
0
0
demo14-大于号和小于号
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- <小于号和>大于号的字符实体为&lt,&gt lt是 less than gt是 greater than 格式化代码:c
243
0
0
demo13-空格标签
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- &nbsp;:表示空格,经常使用于新闻首行缩进两格的时候 --> &nbsp;&nbsp;&nbsp;&nbsp;&nbs
121
0
0
demo12-回到顶部
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- id:表示唯一标识符 --> <p id="top">我是p标签</p> <p>这是岁岁平安</p> <p>这是岁岁平安<
161
0
0
demo11-友情链接
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div> <h1>友情链接</h1> <div> <a href="http://www.itcast.cn/",target="
88
0
0
demo10-超链接标签
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- a:超链接标签.就是带一个网址的标签 href;进入某个页面的地址 target:表示,是否开启一个新的窗口 --> <a
121
0
0
demo09-程序员练习
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- div表示最外层的盒子 --> <div> <!-- 一般我们在开发的时候,都会添加一个透明盒子,因为有些标签上面没有的属
896
0
0
demo08-图片标签
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- img:图片标签 src=""表示图片路径 title表示鼠标移动到图片的时候显示 的文字 alt表示图片路径有误的情况下
122
0
0
demo07-盒子标签
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- div:盒子标签,是一个透明的盒子, 可以放各种各样的标签 --> <div> 威武!!!<br /> 你问啥?<br /
82
0
0
demo06-字体标签
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- font:表示字体标签 color,size,face是字体标签的属性 --> 得对我们的<font color="dar
85
0
0
demo05-换行标签
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 换行标签:<br />就是光标跳到下一行,类似python的\n --> 虾米几年了,<br /> 今年几岁了,<br /
120
0
0
demo04-默认标签
摘要:<!-- 声明一个HTML的文档,声明一个HTML5的文档 --> <!DOCTYPE html> <!-- HTML的开始标签,类似Python里面的入口函数main --> <html> <!-- head:表示头部标签 --> <head> <!-- charset:编码格式 一般有GBK,G
108
0
0
demo03-段落标签
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 段落标签:paragraph,p是简写 --> <p>山东盛产一种药,药理即强</p> <p>这是谁的 天下</p> <p
89
0
0
demo02-标题标签
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- h就是表示head,头部的意思。 标题标签:主要的作用是用在比较醒目的地方 复制当前行的快捷键:先ctrl+c再ctrl+
98
0
0
demo01-注释标签
摘要:<!DOCTYPE html> <!-- 注释的快捷键:ctrl + / 这个公司里面没有年终奖,兄弟你别来等等 --> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html>
104
0
0
前端基础介绍
摘要:"""1.>注释标签:ctrl + / 2.>标题标签:h开头 <h1>到<h6>6级 醒目的,引人注意.用在比较醒目的地方.一共有6级.复制当前行的快捷键:先ctrl + c 再 ctrl + v级别越大,显示出来越小.h1表示最大,h6表示最小. 添加属性:居中 align="center",默
126
0
0
xadmin的详细使用
摘要:链接:https://www.cnblogs.com/pgxpython/p/10217888.html
187
0
0
点击右上角即可分享
微信分享提示
深色
回顶
收起
  1. 1 起风了 买辣椒也用券
起风了 - 买辣椒也用券
00:00 / 00:00
An audio error has occurred.

作词 : 米果

作曲 : 高橋優

编曲 : 池窪浩一 (Kouichi Ikekubo)

这一路上走走停停

顺着少年漂流的痕迹

迈出车站的前一刻

竟有些犹豫

不禁笑这近乡情怯

仍无可避免

而长野的天

依旧那么暖

风吹起了从前

从前初识这世间

万般流连

看着天边似在眼前

也甘愿赴汤蹈火去走它一遍

如今走过这世间

万般流连

翻过岁月不同侧脸

措不及防闯入你的笑颜

我曾难自拔于世界之大

也沉溺于其中梦话

不得真假 不做挣扎 不惧笑话

我曾将青春翻涌成她

也曾指尖弹出盛夏

心之所动 且就随缘去吧

逆着光行走 任风吹雨打

短短的路走走停停

也有了几分的距离

不知抚摸的是故事 还是段心情

也许期待的不过是 与时间为敌

再次看到你

微凉晨光里

笑得很甜蜜

从前初识这世间

万般流连

看着天边似在眼前

也甘愿赴汤蹈火去走它一遍

如今走过这世间

万般流连

翻过岁月不同侧脸

措不及防闯入你的笑颜

我曾难自拔于世界之大

也沉溺于其中梦话

不得真假 不做挣扎 不惧笑话

我曾将青春翻涌成她

也曾指尖弹出盛夏

心之所动 且就随缘去吧

晚风吹起你鬓间的白发

抚平回忆留下的疤

你的眼中 明暗交杂 一笑生花

暮色遮住你蹒跚的步伐

走进床头藏起的画

画中的你 低着头说话

我仍感叹于世界之大

也沉醉于儿时情话

不剩真假 不做挣扎 无谓笑话

我终将青春还给了她

连同指尖弹出的盛夏

心之所动 就随风去了

以爱之名 你还愿意吗

吉他 : 池窪浩一 (Kouichi Ikekubo)

吉他 : 池窪浩一 (Kouichi Ikekubo)

贝斯 : 小島剛広 (Takehiro Kojima)

鼓 : 吉田佳史 (TRICERATOPS) (Yoshifumi Yoshida(TRICERATOPS))

键盘 : 平畑徹也 (Tetsuya Hirahata)

小提琴 : 須磨和声 (Wasei Suma)

弦乐 : 須磨和声/池窪浩一

录音工程 : 玉乃井光紀 (Mitsunori Tamanoi) - studioFine

发行 : Negia Entertainment Inc.

特别支持:中村光雄(Mitsuo Nakamura)