HTML - answer questions 9-12 in css

css:

/* #1. how to write an element selector that targets all body elements */ body {margin: 0; padding: 0; background-color: #ffcccc; font-family: Times, Helvetica, sans-serif; } /* #2. how to write an id selector that targets all wrapper elements */ #wrapper { margin: 10px; padding: 0; width: 1000px; height: 175px; } /* #3. how to write an id selector that targets all sideBar elements */ #sidebar { margin: 0; padding: 0; float: left; background-color: #ffcccc; width: 200px; height: 650px;} /* #4. write a class selector that targets all contact elements */ .contact { margin: 20px; padding: 5px; width: 165px; height:auto; background-color: #b30059; color: #ffffff; /*white */ } /* #5. how to write an id selector that targets all mainContent elements */ #mainContent { width: 790px; height: 640px; background-color: #fff; float: right; /* positioning */ margin: 0; padding: 5px; } /* #6. how to write a child selector that targets all unordered lists with list items*/ ul>li { list-style: none; } /* #7. how to write a descendent selector that targets all heading one's in the ID of header */ #header h1 { font-size: 2.5em; /* em refers to unit = 40px for 2.5 em*/ color: #ffffff; } /* #8. how to write an element-specific selector that targets all span's in the class year */ /* The assignment implies you that all spans WITH the class year, not all span's IN an element with class year*/ span.year { color: #e60073; } /* Answer the remaining questions below - Due Oct 2nd */ /* #9. how to write an element-specific selector that targets all unordered lists with the class nav --*/ /* #10. how to write an adjacent selector that targets paragraph tags that follow heading one tags - only two elements at a time*/ /* #11. how to write a group selector that targets all paragraph and quote elements */ /* #12. how to write a dynamic pseudo-class selector targeting hyperlinks in the visited link state */

The beauty of CSS Selectors

• CSS Cool site

• CSS link1

• CSS link2
• CSS link3

For Questions:

• Phone: 1-800-123-4567
• Website: CSSzengarden

The beauty of CSS design

This is a showcase of CSS selectors and how each selector transforms the raw HTML page aesthetically when used.

How CSSzengarden site works?

CSSzengarden is a learning site as well as used for demonstration. The main catch to this site is that you cannot change any of the html. Only thing you can change is the style - the CSS part to learn from it.

CSS Basics

Order of Cascade in Cascading Stylesheets (from 1-3 higher numbers override definitions in lower numbered stylesheet)

1. External Style Sheet

   An external style sheet is ideal when the style is applied to many pages. With an external style sheet, you can change the look of an entire web site by changing one file.

   Each page must link to the style sheet using the tag. The file should not contain any html tags. Your style sheet should be saved with a .css extension.

2. Internal Style Sheet (inside the tag)