This is what I am working on to learn CSS and my code. Color green is my HTML color red is my code. Just seeing what you think and did i complete all my goals in my code here the list of thing i needed inside in it.
1.Use the font-family property to make it so that two p elements on the practice page
2.Use the font-size property to make it so that at least 3 different font sizes are used on the page
3.Use the font-weight property to make it so that all q elements appear bold and all h1 elements appear normal (not bold)
4.Use the font-style property to make it so that all list items appear in italics.
5.Add a text-decoration of your choice to the paragraph
6.Use the color property to make it so that at least three different colors of text appear on the page. Use only hex codes, not the predefined color names
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="EN" xml:lang="EN"> <head>
<meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" />
<title>Assignment 7 Page</title>
<link type = "text/css" rel = "stylesheet" href = "a7code.css" />
</head>
<body>
<p class="one"> Here is a paragraph that displays in one font. is a paragraph that displays in one font. is a paragraph that displays in one font. is a paragraph that displays in one font. is a paragraph that displays in one font. is a paragraph that displays in one font. is a paragraph that displays in one font. is a paragraph that displays in one font. </p>
<p class="two">
Here is a paragraph that displays in a second font. Here is a paragraph that displays in a second font. Here is a paragraph that displays in a second font. Here is a paragraph that displays in a second font. Here is a paragraph that displays in a second font. Here is a paragraph that displays in a second font.</p>
<h1>Here's an h1 element that isn't bold.</h1>
<p><q>Here's a q element that appears bolder than normal text.</q></p>
<ol>
<li>Make sure that this list is in italics.</li>
<li>Make sure that this list is in italics.</li>
<li>Make sure that this list is in italics.</li>
</ol>
<ul>
<li>Make sure that this list is in italics.</li>
<li>Make sure that this list is in italics.</li>
<li>Make sure that this list is in italics.</li>
</ul>
<p class="three">Use some text decoration in this paragraph. Use some text decoration in this paragraph. Use some text decoration in this paragraph. Use some text decoration in this paragraph. Use some text decoration in this paragraph. Use some text decoration in this paragraph. Use some text decoration in this paragraph.</p>
<p>Note: You will have to use your own ingenuity to complete the assignment with regard to displaying font size and font color.</p>
<p>
<a href="http://validator.w3.org/check?uri=referer">
<img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" />
</a>
</p>
</body>
</html>
body {
font-family: sans-serif, "Impact", "Andale Mono", Arial black;
font-size: small;
}
p.one {
font-family: "Arial black";
color: #99ffff;
font-size: xx-small
}
p.two {
font-family: "Impact";
color: #ccccff;
font-size: XX-large
}
p.three {
text-decoration: underline;
color: #33ff00;
font-size 140%
}
q {
font-weight: bold;
}
ol, li {
font-style: italic;
}
h1 {
font-weight: normal;
}