Create a single CSS file named Unit6Project1.css that contains the following rul
ID: 664389 • Letter: C
Question
Create a single CSS file named Unit6Project1.css that contains the following rules. The rules that begin with "id" should be configured as id selectors, and the rules that begin with "class" should be configured as class selectors. Your rule names should match the rule names in bold below.
1. idfloatleft (id selector with float to the left of the page, light-beige background, Verdana or sans-serif large font, and 20 pixels of padding)
2. classheadlinedot (class selector with red headline with a blue dotted line underneath)
3. idabsolutegray (id selector with absolute positioning 20 pixels from the top and 40 pixels from the right, a light-gray background, and a solid border)
4. classrelativegreen (class selector with relative positioning, 15 pixels in from the left, with a light-green background)
5. idfixedgray (id selector with fixed positioning, light gray background color, bold font weight, and 10 pixels of padding)
Explanation / Answer
#idfloatleft
{
font-family:verdana;
text-align:left;
padding:20px 20px 20px 20px;
background-color: #f5f5dc;
}
2)
h1,h2,h3,h4,h5.classheadlinedot
{
color:red;
text-decoration: underline;
}
3)
#idabsolutegray
{
position: absolute;
top: 20px;
right:40px;
background-color:grey;
border-style: solid;
}
.classrelativegreen
{
position: relative;
left: 15px;
background-color:green;
}
#idfixedgray{
position: fixed;
background-color:grey;
font-weight:bold;
padding: 10px 10px 10px 10px;
}
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.