Skip to content

Commit 1c98e00

Browse files
bjmashibingbjmashibing
committed
upload
1 parent a34b898 commit 1c98e00

13 files changed

+213
-1
lines changed

‎README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
```
2020
javase : java基础语法部分
2121
database : 数据库部分
22-
javaweb : java web部分
22+
web 前端 : java web部分
2323
```
2424

2525
​ 每个具体阶段的目录又按照如下目录存放资料，大家需要哪部分下载即可。

‎web前端/code/010内部样式-----ID选择器.html‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<title>id选择器</title>
6+
<style type="text/css">
7+
#box{
8+
color:black;
9+
/* 文本描述 */
10+
text-decoration:none;
11+
}
12+
#box1{
13+
/* 列表默认样式设置 */
14+
list-style:square;
15+
}
16+
#cur{
17+
color:cyan;
18+
}
19+
#box2{
20+
/* 列表默认样式设置 */
21+
list-style:square;
22+
}
23+
</style>
24+
</head>
25+
<body>
26+
<a href="http://www.baidu.com" id="box">百度</a>
27+
<ul id="box1">
28+
<li>吃饭</li>
29+
<li id="cur">睡觉</li>
30+
<li>打豆豆</li>
31+
</ul>
32+
<ol id="box2">
33+
<li>unity3D</li>
34+
<li>cos2D</li>
35+
<li>PHP</li>
36+
</ol>
37+
</body>
38+
</html>

‎web前端/code/011内部样式-----class选择器.html‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<title>Document</title>
6+
<style type="text/css">
7+
.current{
8+
font-size:30px;
9+
background-color:cyan;
10+
}
11+
.cur{
12+
color:skyblue;
13+
font-size:18px;
14+
}
15+
</style>
16+
</head>
17+
<body>
18+
<div class="current">我是祖国的老花骨朵,是祖国未来</div>
19+
<div>我也是祖国花鼓富哦</div>
20+
<div>我也是祖国花鼓富哦</div>
21+
<div class="current">我也是祖国花鼓富哦</div>
22+
<div>我也是祖国花鼓富哦</div>
23+
<div>我也是祖国花鼓富哦</div>
24+
<div>我也是祖国花鼓富哦</div>
25+
<div>今天是北京<span class="cur">2019年11月30日21:47:25</span></div>
26+
</body>
27+
</html>

‎web前端/code/012元素背景系列样式.html‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<title>Document</title>
6+
<style type="text/css">
7+
div{
8+
/*宽度和高度设置*/
9+
width:720px;
10+
height: 720px;
11+
/* 背景颜色 */
12+
background-color:red;
13+
/* 设置背景图 */
14+
background-image:url(jie.jpg);
15+
/* 背景重复设置 */
16+
background-repeat:no-repeat;
17+
/* 简写方式 */
18+
background: no-repeat url(jie.jpg) red;
19+
}
20+
</style>
21+
</head>
22+
<body>
23+
<div></div>
24+
</body>
25+
</html>

‎web前端/code/06表单元素.html‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<title>Document</title>
6+
</head>
7+
<body>
8+
<form>
9+
<!-- 表单元素即为input标签 -->
10+
<p>
11+
用户名: <input type="text" />
12+
</p>
13+
<p>
14+
密&nbsp;&nbsp;码: <input type="password" />
15+
</p>
16+
<p>
17+
日历:<input type="date" />
18+
</p>
19+
<p>
20+
你喜欢的颜色: <input type="color" />
21+
</p>
22+
<p>
23+
你的身高: <input type="range" >
24+
</p>
25+
<p>
26+
你喜欢的食物
27+
<input type="checkbox" />烤鸭
28+
<input type="checkbox" />烤鸭
29+
<input type="checkbox" />烤鸭
30+
<input type="checkbox" />烤鸭
31+
<input type="checkbox" />烤鸭
32+
</p>
33+
<p>
34+
你喜欢那个国家？
35+
<input type="radio" name="A"/>中国
36+
<input type="radio" name="A"/>韩国
37+
<input type="radio" name="A"/>日本
38+
<input type="radio" name="A"/>美国
39+
</p>
40+
<p>
41+
<input type="submit" />
42+
</p>
43+
</form>
44+
</body>
45+
</html>

‎web前端/code/07音频标签--行内元素.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<title>Document</title>
6+
</head>
7+
<body>
8+
<h1>下面兄弟就是音频</h1>
9+
<audio src="1.mp3" controls autoplay muted loop></audio>
10+
<audio src="1.mp3" controls autoplay muted loop></audio>
11+
<audio src="1.mp3" controls autoplay muted loop></audio>
12+
<audio src="1.mp3" controls autoplay muted loop></audio>
13+
<audio src="1.mp3" controls autoplay muted loop></audio>
14+
</body>
15+
</html>

‎web前端/code/08手册体验样式.html‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<title>Document</title>
6+
<!-- 样式一般是需要放在style标签里面 -->
7+
<style type="text/css">
8+
div{
9+
color:green;
10+
font-size:30px;
11+
background-color:red;
12+
text-align:center;
13+
border:5px solid black;
14+
opacity:.5;
15+
}
16+
</style>
17+
</head>
18+
<body>
19+
<div>我是祖国的老花骨朵</div>
20+
</body>
21+
</html>

‎web前端/code/09内部样式-------标签选择器.html‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<title>Document</title>
6+
<style type="text/css">
7+
h1{
8+
/* 文字颜色:属性值红、橙、黄、绿、青、蓝、紫色等等 */
9+
color:skyblue;
10+
/* 字体大小设置 */
11+
font-size:16px;
12+
/* 背景颜色设置 */
13+
background-color:orange;
14+
/* 文本对齐方式 */
15+
text-align:center;
16+
/* 字体样式设置 */
17+
font-style:italic;
18+
}
19+
20+
div{
21+
background-color:red;
22+
font-size:28px;
23+
color:cyan;
24+
text-align:center;
25+
font-style:italic;
26+
/* 透明度设置：透明度属性值范围0~1 */
27+
opacity:1;
28+
/* 光标防止标签中:变为小手; */
29+
cursor:pointer;
30+
}
31+
span{
32+
color:blue;
33+
}
34+
</style>
35+
</head>
36+
<body>
37+
<h1>我是一级标题</h1>
38+
<h1>我是小明呀</h1>
39+
<div>我是常用<span>标签颜</span>签</div>
40+
</body>
41+
</html>

‎web前端/code/1.mp3‎

7.55 MB
Binary file not shown.

‎web前端/code/jie.jpg‎

15.8 KB
Loading

0 commit comments

Comments
 (0)