Skip to content

Commit 08b8516

Browse files
committed
text
1 parent 90ec9ac commit 08b8516

25 files changed

+470
-0
lines changed

.DS_Store

0 Bytes
Binary file not shown.

12/.DS_Store

8 KB
Binary file not shown.

12/example.html

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Text</title>
5+
<style type="text/css">
6+
body {
7+
padding: 20px;
8+
}
9+
h1, h2, h3, a {
10+
font-weight: normal;
11+
color: #0088dd;
12+
margin: 0px;
13+
}
14+
h1 {
15+
font-family: Georgia, Times, serif;
16+
font-size: 250%;
17+
text-shadow: 2px 2px 3px #666666;
18+
padding-bottom: 10px;
19+
}
20+
h2 {
21+
font-family: "Gill Sans", Arial, sans-serif;
22+
font-size: 90%;
23+
text-transform: uppercase;
24+
letter-spacing: 0.2em;
25+
}
26+
h3 {
27+
font-size: 150%;
28+
}
29+
p {
30+
font-family: Arial, Verdana, sans-serif;
31+
line-height: 1.4em;
32+
color: #665544
33+
}
34+
p.intro:first-line {
35+
font-weight: bold;
36+
}
37+
.credits {
38+
font-style: italic;
39+
text-align: right;
40+
}
41+
a {
42+
text-decoration: none;
43+
}
44+
a:hover {
45+
text-decoration: underline;
46+
}
47+
</style>
48+
</head>
49+
<body>
50+
<h1>Briards</h1>
51+
<h2>A Heart wrapped in fur</h2>
52+
<p class="intro">The <a class="breed" href="http://en.wikipedia.org/wiki/Briard">briard</a>, or berger de brie, is a large breed of dog traditionally used as a herder and guardian of sheep.</p>
53+
<h3>Breed History</h3>
54+
<p>The briard, which is believed to have originated in France, has been bred for cemturies to herd and to protect sheep. The breed was used by the French Army as sentries, messengers and to search for wounded soldiers because os its fine hearing. Briards were used in the First World War almost to the point of extinction. Currently the population of briards is slowly recovering. Charlemagne,Napoleon, Thomas Jefferson and Lafayette all owned briards.</p>
55+
<p class="credits">by Ivy Duckett</p>
56+
</body>
57+
</html>

12/first-letter-and-line.html

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>:first-letter, :first-line</title>
5+
<style type="text/css">
6+
p.intro:first-letter {
7+
font-size: 200%;
8+
}
9+
p.intro:first-line {
10+
font-weight: bold;
11+
}
12+
</style>
13+
</head>
14+
<body>
15+
<h1>Briards</h1>
16+
<p class="credits">by Ivy Duckett</p>
17+
<p class="intro">The <a class="breed" href="http://en.wikipedia.org/wiki/Briard">briard</a>, or berger de brie, is a large breed of dog traditionally used as a herder and guardian of sheep.</p>
18+
<h2>Breed History</h2>
19+
<p>The briard, which is believed to have originated in France, has been bred for cemturies to herd and to protect sheep. The breed was used by the French Army as sentries, messengers and to search for wounded soldiers because os its fine hearing. Briards were used in the First World War almost to the point of extinction. Currently the population of briards is slowly recovering. Charlemagne,Napoleon, Thomas Jefferson and Lafayette all owned briards.</p>
20+
</body>
21+
</html>

12/font-decoration.html

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>text-decoration</title>
5+
<style type="text/css">
6+
.credit {
7+
text-decoration: underline;
8+
}
9+
.breed {
10+
text-decoration: none;
11+
}
12+
</style>
13+
</head>
14+
<body>
15+
<h1>Briards</h1>
16+
<p class="credits">by Ivy Duckett</p>
17+
<p class="intro">The <a class="breed" href="http://en.wikipedia.org/wiki/Briard">briard</a>, or berger de brie, is a large breed of dog traditionally used as a herder and guardian of sheep...</p>
18+
</body>
19+
</html>

12/font-face.html

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>more font choice</title>
5+
<style type="text/css">
6+
@font-face {
7+
font-family: 'ChunkFiveRegular';
8+
/* ''是必须的吗? */
9+
src: url('fonts/chunkfive.eot');
10+
}
11+
h1, h2 {
12+
font-family: ChunjFiveRegular, Georgia, serif;
13+
}
14+
</style>
15+
</head>
16+
<body>
17+
<h1>Briards</h1>
18+
<p class="credits">by Ivy Duckett</p>
19+
<p class="intro">The <a class="breed" href="http://en.wikipedia.org/wiki/Briard">briard</a>, or berger de brie, is a large breed of dog traditionally used as a herder and guardian of sheep...</p>
20+
</body>
21+
</html>

12/font-family.html

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Font Family</title>
5+
<style type="text/css">
6+
body {
7+
font-family: Georgia, Times, serif;
8+
}
9+
h1, h2 {
10+
font-family: Arial, Verdana, sans-serif;
11+
}
12+
.credits {
13+
font-family: "Courier New", Courier, monospace;
14+
}
15+
</style>
16+
</head>
17+
<body>
18+
<h1>Briards</h1>
19+
<p class="credits">by Ivy Duckett</p>
20+
<p class="intro">The <a class="breed" href="http://en.wikipedia.org/wiki/Briard">briard</a>, or berger de brie, is a large breed of dog traditionally used as a herder and guardian of sheep...</p>
21+
</body>
22+
</html>

12/font-size.html

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>size of type</title>
5+
<style type="text/css">
6+
body {
7+
font-family: Arial, Verdana, sana-serif;
8+
font-size: 12px;
9+
}
10+
h1 {
11+
font-size: 200%;
12+
}
13+
h2 {
14+
font-size: 1.3em;
15+
}
16+
</style>
17+
</head>
18+
<body>
19+
<h1>Briards</h1>
20+
<p class="credits">by Ivy Duckett</p>
21+
<p class="intro">The <a class="breed" href="http://en.wikipedia.org/wiki/Briard">briard</a>, or berger de brie, is a large breed of dog traditionally used as a herder and guardian of sheep...</p>
22+
</body>
23+
</html>

12/font-style.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>font-style</title>
5+
<style type="text/css">
6+
.credits {
7+
font-style: italic;
8+
}
9+
</style>
10+
</head>
11+
<body>
12+
<h1>Briards</h1>
13+
<p class="credits">by Ivy Duckett</p>
14+
<p class="intro">The <a class="breed" href="http://en.wikipedia.org/wiki/Briard">briard</a>, or berger de brie, is a large breed of dog traditionally used as a herder and guardian of sheep...</p>
15+
</body>
16+
</html>

12/font-weight.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>font-weight</title>
5+
<style type="text/css">
6+
.credits {
7+
font-weight: bold;
8+
}
9+
</style>
10+
</head>
11+
<body>
12+
<h1>Briards</h1>
13+
<p class="credits">by Ivy Duckett</p>
14+
<p class="intro">The <a class="breed" href="http://en.wikipedia.org/wiki/Briard">briard</a>, or berger de brie, is a large breed of dog traditionally used as a herder and guardian of sheep...</p>
15+
</body>
16+
</html>

0 commit comments

Comments
 (0)