ITS HTML and CSS Practice Exam 1
Testing - GMetrix
To set the hyperlinks to not be underlined, the text-decoration property needs to be for none
for all "a" tags. To set regular, unvisited links to be steelblue, the a:link color property needs to
be set to steelblue (you can do this with the "a" tag as well, but you will want to be aware that
a:link is a legitimate pseudo-class). To set visited links to orange, the a:visited color property
needs to be set to orange. - ANSWERS<style>
a {text-decoration: none;}
a:link {color: steelblue;}
a:visited {color: orange;}
</style>
text-align
margin: auto
align-items - ANSWERSAligns text within an element- text-align
Center aligns items with a <div> tag- margin: auto
Aligns content within a flexible layout- align-items
You have created an external style sheet called main.css with the following code:
body {color: steelblue;
font-size: 12pt;}
p {font-family: Tahoma, Arial, san-serif;}
h2 {font-family: Georgia, serif;
font-size: 16pt;}
You have a webpage with the following HTML code:
, <html>
<head>
<link rel="stylesheet" type="type/css" href="main.css" />
<title>Coming Soon</title>
</head>
<body style="font-family: Georgia, san-serif;">
<h2 style="color: orange; font-size: 18pt;">Coming soon!</h2>
<p>Watch this ar - ANSWERSThe heading "Coming Soon" will have a font size of 16 points.- NO
The paragraph will have a color of steelblue.- YES
The paragraph will have the Georgia font.- NO
External
Inline
Internal - ANSWERSThe body tag needs to have the Segoe UI font throughout the entire
website. - External
An address tag at the bottom of a new items page needs to have the color of dark magenta. No
other address tags need formatting. - Inline
A sales page needs to have a light gray background, and, as a result, its text needs to be in dark
gray. - Internal
You are a member of a web development team building a style sheet. You want to set, within a
feature class, a height that adjusts to the length of a page, but is no taller than 200 pixels. -
ANSWERS.feature {
.height: auto;
.max-height: 200px;
}
Testing - GMetrix
To set the hyperlinks to not be underlined, the text-decoration property needs to be for none
for all "a" tags. To set regular, unvisited links to be steelblue, the a:link color property needs to
be set to steelblue (you can do this with the "a" tag as well, but you will want to be aware that
a:link is a legitimate pseudo-class). To set visited links to orange, the a:visited color property
needs to be set to orange. - ANSWERS<style>
a {text-decoration: none;}
a:link {color: steelblue;}
a:visited {color: orange;}
</style>
text-align
margin: auto
align-items - ANSWERSAligns text within an element- text-align
Center aligns items with a <div> tag- margin: auto
Aligns content within a flexible layout- align-items
You have created an external style sheet called main.css with the following code:
body {color: steelblue;
font-size: 12pt;}
p {font-family: Tahoma, Arial, san-serif;}
h2 {font-family: Georgia, serif;
font-size: 16pt;}
You have a webpage with the following HTML code:
, <html>
<head>
<link rel="stylesheet" type="type/css" href="main.css" />
<title>Coming Soon</title>
</head>
<body style="font-family: Georgia, san-serif;">
<h2 style="color: orange; font-size: 18pt;">Coming soon!</h2>
<p>Watch this ar - ANSWERSThe heading "Coming Soon" will have a font size of 16 points.- NO
The paragraph will have a color of steelblue.- YES
The paragraph will have the Georgia font.- NO
External
Inline
Internal - ANSWERSThe body tag needs to have the Segoe UI font throughout the entire
website. - External
An address tag at the bottom of a new items page needs to have the color of dark magenta. No
other address tags need formatting. - Inline
A sales page needs to have a light gray background, and, as a result, its text needs to be in dark
gray. - Internal
You are a member of a web development team building a style sheet. You want to set, within a
feature class, a height that adjusts to the length of a page, but is no taller than 200 pixels. -
ANSWERS.feature {
.height: auto;
.max-height: 200px;
}
