Loading...

We have learned how to keep the majority of our CSS separate from our HTML.

Before moving onto your quiz, review what you've learned about external style sheets using the activity below.

Write the code to call a file "newstyle.css" that is in a "css" folder.

How should the CSS below for a page footer be edited to help avoid style conflicts?

div {
background-color:#882222;
font-size:12px;
}

How would you write a comment above a group of CSS rules that are used for elements in a "Contact Us" form?

What is the term for a combination of a property and its value?

Why is it recommended to group CSS files into a "css" folder?

If a web page calls CSS files that contain the following paragraph style rules, which rules will actually apply?

(From the first CSS file called)
p {
font-size: 16px;
color:#333333;
}

(From the second CSS file called)
p {
font-size: 14px;
font-weight:bold;
}
Your Responses Sample Answers
<link rel="stylesheet" type="text/css" href="css/newstyle.css">
A class or ID should be added to the selector as it's likely not every div on the website will be styled the same as the page footer.
/* Contact us */
a declaration
Like with other file type folders, it helps keep your files organized, making it easier for you and others to locate them.
p {
color:#333333;
font-size:14px;
font-weight:bold;
}