Write the CSS for an id with the following attributes: float to the left of the
ID: 3542291 • Letter: W
Question
Write the CSS for an id with the following attributes: float to the left of the page,
light-beige background, Verdana or sans-serif large font, and 20 pixels of padding.
2. Write the CSS to configure a class that will produce a headline with a dotted line un-
derneath it. Choose a color that you like for the text and dotted line.
3. Write the CSS for an id that will be absolutely positioned on a page 20 pixels from
the top and 40 pixels from the right. This area should have a light-gray background
and a solid border.
4. Write the CSS for a class that is relatively positioned. This class should appear 15
pixels in from the left. Configure the class to have a light-green background.
5. Write the CSS to configure an image file named myimage.gif as the list marker in an
unordered list.
6. Write the CSS to configure an unordered list to display a square list marker.
7. Write the HTML to configure a header element that contains an hgroup element with
an h1 element, h2 element, and h3 element. Configure your school name as the h1
element. Configure your major as the h2 element. Configure the name of your cur-
rent web development course as the h3 element.
8. Configure a web page with a list of hyperlinks to your favorite sites. Use an unor-
dered list without any list markers to organize the hyperlinks. Refer to Chapter 5 for
color scheme resources. Choose a background color for the web page and a back-
ground color for the following states: unvisited hyperlink, hyperlink with a mouse
pointer passing over it, and visited hyperlink. Use embedded CSS to configure the
background and text colors. Also use CSS to configure the hyperlink
Write the CSS for an id with the following attributes: float to the left of the page, light-beige background, Verdana or sans-serif large font, and 20 pixels of padding. Write the CSS to configure a class that will produce a headline with a dotted line underneath it. Choose a color that you like for the text and dotted line. Write the CSS for an id that will be absolutely positioned on a page 20 pixels from the top and 40 pixels from the right. This area should have a light-gray background and a solid border. Write the CSS for a class that is relatively positioned. This class should appear 15 pixels in from the left. Configure the class to have a light-green background. Write the CSS to configure an image file named myimage.gif as the list marker in an unordered list. Write the CSS to configure an unordered list to display a square list marker. Write the HTML to configure a header element that contains an hgroup element with an h1 element, h2 element, and h3 element. Configure your school name as the h1 element. Configure your major as the h2 element. Configure the name of your current web development course as the h3 element. Configure a web page with a list of hyperlinks to your favorite sites. Use an unordered list without any list markers to organize the hyperlinks. Refer to Chapter 5 for color scheme resources. Choose a background color for the web page and a back-ground color for the following states: unvisited hyperlink, hyperlink with a mouse pointer passing over it, and visited hyperlink. Use embedded CSS to configure the background and text colors. Also use CSS to configure the hyperlink's underline to not display when the mouse pointer is passing over it. Save the file as mylinks.html.Explanation / Answer
HI, please find your answers below. Hope it Helps :)
1
#para {
padding: 20px;
float: left;
background-color: #DDC283;
font-family: Verdana, sans-serif;
font-size: large;
}
2
.headclass {
border-bottom: 1px dotted;
border-bottom-color: red;
color: #fff;
}
3
#vals {
border-style: solid;
background-color: #CCCCCC;
position: absolute;
top: 20px;
right: 40px;
}
4
.cval {
position: relative;
left: 15px;
background-color: lightgreen;
}
5
ul
{
list-style-image: url('myimage.gif');
}
6
ul
{
list-style-type: square;
}
7
<html > <hgroup > <h1 > College</h1 > <h2 > Major</h2 > <h3 > Course name</h3 > </hgroup > </html >
8
<html>
<style>
body {
background-color:blue; // please set your own colors
}
a:link {
color:red;
}
a:visited {
color:red;
}
a:hover {
text-decoration:none;
}
a:active
{
color:red;
}
</style>
<body>
<ul>
</ul>
</body>
</html>
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.