HelloCSS/fox practice.html at master · megumi29/HelloCSS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!doctype html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Fox</title>
  <style>
  #text {
    width: 300px;
    background-color: rgb(221, 157, 61);
    height: 200px;
    overflow: auto;
    padding: 20px 15px 30px 15px;
    margin-top: 10px auto;
    border:firebrick;
    border-style: dotted;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .important {
    font-weight: bold;
    text-decoration: underline;
  }

  .picture {
    width: 300px;
    height: 200px;
    border: 15px double tomato;
    margin: 40px auto;
  }
  body{
    background-color: wheat;
    border: 10px solid sienna;
    padding: 45px;
    text-align: center;
  }
  </style>
 </head>
 <body>
<h1>Fox</h1>

<img class="picture" src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Looking_Foxy.jpg/220px-Looking_Foxy.jpg">

<div id="text">
 <p>
 <span class="important">Fox is a common name for many species of carnivorous mammals belonging to the Canidae family</span>. Foxes are small to medium-sized canids (slightly smaller than the median-sized domestic dog), characterized by possessing a long narrow snout, and a bushy tail (or brush).
 </p>

 <p>
<span class="important">Members of about 37 species are referred to as foxes, of which only 12 species actually belong to the Vulpes genus of 'true foxes'</span>. By far the most common and widespread species of fox is the red fox (Vulpes vulpes), although various species are found on almost every continent. The presence of fox-like carnivores all over the globe has led to their appearance in both popular culture and folklore in many cultures around the world (see also Foxes in culture). The gray fox is one of only two canine species known to climb trees; the other is the raccoon dog.
 </p>
</div>
 </body>
</html>