Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Need to modify this css file for an html website with the following changes below: body { font-family: Helvetica, Arial, sans-serif; font-size: 12px; /* To

Need to modify this css file for an html website with the following changes below:

body {

font-family: Helvetica, Arial, sans-serif;

font-size: 12px;

/* To do 1 : Set all margin to 10px, except margin top is 0 */

}

ul {

list-style-type: none;

/* To do 2 : Set all margin and padding of the list to 0. */

}

h1, h2, h3, h4, h5 {

/* To do 3 : Set all margin to 0*/

}

header {

width: 100%;

/* To do 4 : Set all margin to 0 */

}

header nav {

background-color:#333;;

color: white;

overflow: hidden;

}

header nav a {

float: left;

color: #f2f2f2;

text-align: center;

text-decoration: none;

/* To do 5 :

1. Set padding top and bottom to 1.2em

2. Set padding left and right to 1.4em

Note: Has to use shorthand version of padding.

For example, padding-left: 1.4em is not acceptable

*/

}

header nav a.active {

background-color: #4CAF50;

color: white;

}

header nav a:hover {

background-color: #ddd;

color: black;

}

main {

clear: both;

}

main header section#profile {

/* To do 6:

1. Set margin top and bottom to 0.8em

2. Set margin left and right to 20%

Note: Has to use shorthand version of margin.

For example, margin-top: 0.8em is not acceptable

*/

}

main header section#profile img {

float: left;

/* To do 7 : Set margin top to 3em */

}

#profileContent {

float: left;

font-size: 1.2em;

/* To do 8:

1. Set margin left to 1.6em

2. Set all pading to 0

*/

}

#profileContent h1 {

font-size: 4em;

}

main > section {

clear: both;

/* To do 9 : Set padding top to 2em */

}

main section article {

/* To do 10: Set all margin top to 2em */

}

#detailInfo ul {

list-style-type: disc;

/* To do 11: Set margin left to 1.2em */

}

main section article h3, main section article p {

/* To do 12:

1. Set margin top and bottom to 0.1em, while left and right to 0

2. Set padding top and bottom to 0.1em, while left and right to 0

*/

}

main section article p.date-location {

float: right;

/* To do 13: Set margin top and bottom to 0.1em, while left and right to 10em

Note: Has to use shorthand version of margin.

For example, margin-top: 0.1em is not acceptable

*/

}

#Skills section {

padding: 0.1em 0;

/* To do 14: Set pading top and bottom to 0.1em, while left and right to 0

Note: Has to use shorthand version of padding.

For example, padding-top: 0.1em is not acceptable

*/

}

#Skills span.skills {

font-weight: normal;

}

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Professional Visual Basic 6 Databases

Authors: Charles Williams

1st Edition

1861002025, 978-1861002020

More Books

Students also viewed these Databases questions

Question

how was the Enron scandal uncovered?

Answered: 1 week ago