Skip to content

Commit 02d3171

Browse files
jackfruedjackfrued
committed
更新了部分代码和文档
1 parent 1b9aefe commit 02d3171

File tree

160 files changed

+3569
-198
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

160 files changed

+3569
-198
lines changed

Diff for: ‎Day21-30/code/vue/vue.demo.html renamed to ‎Day21-30/code/new/vue/vue.demo.html

File renamed without changes.

Diff for: ‎Day21-30/code/new/web1901/audio/test-audio.mp3

133 KB
Binary file not shown.

Diff for: ‎Day21-30/code/new/web1901/audio/test-audio.ogg

227 KB
Binary file not shown.

Diff for: ‎Day21-30/code/new/web1901/css/style.css

+56
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
/* 通配符选择器 */
2+
* {
3+
margin: 0;
4+
padding: 0;
5+
}
6+
/* 标签选择器 */
7+
h1 {
8+
width: 960px;
9+
height: 40px;
10+
margin: 5px auto;
11+
}
12+
/* 类选择器 */
13+
.a {
14+
background-color: red;
15+
}
16+
.b {
17+
background-color: orange;
18+
}
19+
.c {
20+
background-color: yellow;
21+
}
22+
.d {
23+
background-color: green;
24+
}
25+
.e {
26+
background-color: cyan;
27+
}
28+
.f {
29+
background-color: blue;
30+
}
31+
.g {
32+
background-color: purple;
33+
}
34+
.h {
35+
color: blue;
36+
text-align: center;
37+
width: 100px;
38+
height: 38px;
39+
overflow: hidden;
40+
}
41+
.big {
42+
font-size: 32px;
43+
}
44+
.normal {
45+
font-size: 18px;
46+
}
47+
.small {
48+
font-size: 12px;
49+
}
50+
/* ID选择器 */
51+
#header, #footer {
52+
width: 800px;
53+
height: 120px;
54+
border: 1px solid red;
55+
margin: 10px auto;
56+
}

Diff for: ‎Day21-30/code/new/web1901/css_practice_1.html

+81
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Boxes</title>
5+
<style>
6+
* {
7+
/* border: 1px solid black; */
8+
font-family: "Courier New";
9+
margin: 0;
10+
padding: 0;
11+
}
12+
body {
13+
background-color: rgba(192, 192, 192, 0.3);
14+
}
15+
#page {
16+
width: 880px;
17+
border: 4px double black;
18+
background-color: white;
19+
margin: 10px auto;
20+
padding: 20px 50px;
21+
}
22+
#logo {
23+
width: 100%;
24+
text-align: center;
25+
}
26+
#navigation {
27+
width: 600px;
28+
height: 60px;
29+
margin: 10px auto;
30+
border-top: 2px solid black;
31+
border-bottom: 1px solid black;
32+
}
33+
#navigation>li {
34+
float: left;
35+
width: 120px;
36+
height: 40px;
37+
list-style-type:none;
38+
text-align: center;
39+
line-height: 40px;
40+
padding-top: 10px;
41+
}
42+
#navigation>li>a {
43+
text-decoration: none;
44+
letter-spacing: 0.15em;
45+
color: black;
46+
}
47+
#navigation>li:first-child>a{
48+
color: red;
49+
}
50+
#navigation>li>a:hover {
51+
color: red;
52+
}
53+
#navigation~p {
54+
width: 600px;
55+
margin: 20px auto;
56+
text-align: center;
57+
line-height: 20px;
58+
}
59+
</style>
60+
</head>
61+
<body>
62+
<div id="page">
63+
<div id="logo">
64+
<img src="images/logo.gif" alt="The Analog Specialists" />
65+
</div>
66+
<ul id="navigation">
67+
<li><a href="#" class="on">Home</a></li>
68+
<li><a href="#">For Sale</a></li>
69+
<li><a href="#">Repairs</a></li>
70+
<li><a href="#">About</a></li>
71+
<li><a href="#">Contact</a></li>
72+
</ul>
73+
<p>
74+
<img src="images/keys.jpg" alt="Fender Rhodes, Hohner Clavinet, and Wurlitzer EP200" />
75+
</p>
76+
<p>
77+
We specialize in the sale and repair of classic keyboards, in particular the Fender Rhodes, Wurlitzer EP200, and Hohner Clavinet.
78+
</p>
79+
</div>
80+
</body>
81+
</html>

Diff for: ‎Day21-30/code/new/web1901/css_practice_1.result.html

+74
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Boxes</title>
5+
<style type="text/css">
6+
body {
7+
font-size: 80%;
8+
font-family: "Courier New", Courier, monospace;
9+
letter-spacing: 0.15em;
10+
background-color: #efefef;
11+
}
12+
#page {
13+
max-width: 940px;
14+
min-width: 720px;
15+
margin: 10px auto 10px auto;
16+
padding: 20px;
17+
border: 4px double #000;
18+
background-color: #ffffff;
19+
}
20+
#logo {
21+
width: 150px;
22+
margin: 10px auto 25px auto;
23+
}
24+
ul {
25+
width: 570px;
26+
padding: 15px;
27+
margin: 0px auto 0px auto;
28+
border-top: 2px solid #000;
29+
border-bottom: 1px solid #000;
30+
text-align: center;
31+
}
32+
li {
33+
display: inline;
34+
margin: 0px 3px;
35+
}
36+
p {
37+
text-align: center;
38+
width: 600px;
39+
margin: 20px auto 20px auto;
40+
font-weight: normal;
41+
}
42+
a {
43+
color: #000000;
44+
text-transform: uppercase;
45+
text-decoration: none;
46+
padding: 6px 18px 5px 18px;
47+
}
48+
a:hover, a.on {
49+
color: #cc3333;
50+
background-color: #ffffff;
51+
}
52+
</style>
53+
</head>
54+
<body>
55+
<div id="page">
56+
<div id="logo">
57+
<img src="images/logo.gif" alt="The Analog Specialists" />
58+
</div>
59+
<ul id="navigation">
60+
<li><a href="#" class="on">Home</a></li>
61+
<li><a href="#">For Sale</a></li>
62+
<li><a href="#">Repairs</a></li>
63+
<li><a href="#">About</a></li>
64+
<li><a href="#">Contact</a></li>
65+
</ul>
66+
<p>
67+
<img src="images/keys.jpg" alt="Fender Rhodes, Hohner Clavinet, and Wurlitzer EP200" />
68+
</p>
69+
<p>
70+
We specialize in the sale and repair of classic keyboards, in particular the Fender Rhodes, Wurlitzer EP200, and Hohner Clavinet.
71+
</p>
72+
</div>
73+
</body>
74+
</html>

Diff for: ‎Day21-30/code/new/web1901/css_practice_2.html

+101
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,101 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Lists, Tables and Forms</title>
5+
<style>
6+
.books>li {
7+
list-style-image: url(images/icon-plus.png);
8+
}
9+
.schedule {
10+
border-spacing: 0;
11+
}
12+
.header {
13+
background-color: rgb(126, 164, 204);
14+
}
15+
.header>th:first-child {
16+
border-top-left-radius: 5px;
17+
}
18+
.header>th:last-child {
19+
border-top-right-radius: 5px;
20+
}
21+
.schedule td, .schedule th {
22+
border: 1px solid lightgray;
23+
}
24+
.header th {
25+
border-bottom: 2px solid rgb(68, 104, 142);
26+
}
27+
label {
28+
display: inline-block;
29+
width: 160px;
30+
text-align: right;
31+
}
32+
</style>
33+
</head>
34+
<body>
35+
<h1>Poetry Workshops</h1>
36+
<p>We will be conducting a number of poetry workshops and symposiums throughout the year.</p>
37+
<p>Please note that the following events are free to members:</p>
38+
<ul class="books">
39+
<li>A Poetic Perspective</li>
40+
<li>Walt Whitman at War</li>
41+
<li>Found Poems and Outsider Poetry</li>
42+
</ul>
43+
<table class="schedule">
44+
<tr class="header">
45+
<th></th>
46+
<th>New York</th>
47+
<th>Chicago</th>
48+
<th>San Francisco</th>
49+
</tr>
50+
<tr class="odd">
51+
<th>A Poetic Perspective</th>
52+
<td>Sat, 4 Feb 2012<br />11am - 2pm</td>
53+
<td>Sat, 3 Mar 2012<br />11am - 2pm</td>
54+
<td>Sat, 17 Mar 2012<br />11am - 2pm</td>
55+
</tr>
56+
<tr class="even">
57+
<th>Walt Whitman at War</th>
58+
<td>Sat, 7 Apr 2012<br />11am - 1pm</td>
59+
<td>Sat, 5 May 2012<br />11am - 1pm</td>
60+
<td>Sat, 19 May 2012<br />11am - 1pm</td>
61+
</tr>
62+
<tr class="odd">
63+
<th>Found Poems &amp; Outsider Poetry</th>
64+
<td>Sat, 9 Jun 2012<br />11am - 2pm</td>
65+
<td>Sat, 7 Jul 2012<br />11am - 2pm</td>
66+
<td>Sat, 21 Jul 2012<br />11am - 2pm</td>
67+
</tr>
68+
<tr class="even">
69+
<th>Natural Death: An Exploration</th>
70+
<td>Sat, 4 Aug 2012<br />11am - 4pm</td>
71+
<td>Sat, 8 Sep 2012<br />11am - 4pm</td>
72+
<td>Sat, 15 Sep 2012<br />11am - 4pm</td>
73+
</tr>
74+
</table>
75+
<form action="" method="post">
76+
<fieldset>
77+
<legend>Register your interest</legend>
78+
<p>
79+
<label for="name">Your name:</label>
80+
<input type="text" name="name" id="name"><br>
81+
<label for="email">Your email:</label>
82+
<input type="text" name="email" id="email">
83+
</p>
84+
<p>
85+
<label for="location">Your closest center:</label>
86+
<select name="location" id="location">
87+
<option value="ny">New York</option>
88+
<option value="il">Chicago</option>
89+
<option value="ca">San Francisco</option>
90+
</select>
91+
</p>
92+
<label>Are you a member?</label>
93+
<input type="radio" name="member" value="yes"> Yes
94+
<input type="radio" name="member" value="no"> No
95+
</fieldset>
96+
<div>
97+
<input type="submit" value="Register" />
98+
</div>
99+
</form>
100+
</body>
101+
</html>

0 commit comments

Comments
 (0)