-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathHTML-CSS.html
54 lines (48 loc) · 1.72 KB
/
HTML-CSS.html
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
<!DOCTYPE html>
<html>
<head>
<title>HTML Quotations</title>
</head>
<body>
<div class="first">
<h1>Exercise 1</h1>
<p>Use CSS to set the background color of the document (body) to yellow</p>
<style> .first {background-color: yellow};</style>
</div>
<div class="second">
<h1>Exercise 2</h1>
<p>Use CSS to set the font of the document to "courier"</p>
<style> .second {font-family: 'Courier New', Courier, monospace;}</style>
</div>
<div class="third">
<h1>Exercise 3</h1>
<p>Use CSS to set the text color of the document to red</p>
<style> .third {color:red;}</style>
</div>
<div class="fourth">
<h1>Exercise 4</h1>
<p>Use CSS to make a yellow, 1 pixel thick, border around all paragraphs</p>
<style> .fourth {border: 1px solid yellow;} </style>
<style> #lol {border: 1px solid yellow;} </style>
<P id="lol">Example paragraph 1</P>
<P id="lol">Example paragraph 2</P>
<P id="lol">Example paragraph 3</P>
</div>
<div>
<h1>Exercise 5</h1>
<p>Use the correct attribute to make sure that the last paragraph gets the styling as described in the style element</p>
<style> #special {color:gray; background-color: lightblue;}</style>
<p id="special">This is paragraph</p>
</div>
<div>
<h1>Exercise 6</h1>
<p>Use the correct attribute to make sure that last paragraph gets the styling as described in the style element.</p>
<style> p.intro {font-size: 20px; color: gray; background-color: indigo;}</style>
<p>This is paragraph</p>
<p>This is paragraph</p>
<p class="intro">This is paragraph</p>
</div>
<a href="index.html">
<h2>Go Back</h2>
</body>
</html>