Loading...

You have learned how to keep the majority of your CSS separate from your 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 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 the page 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 because it's likely not every div on the website will be styled the same as the page footer.
/* Contact us */
a declaration
As 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;
}