FAQ: Learn CSS Selectors Visual Rules - CSS Visual Rules - Introduction To Visual Rules

This community-built FAQ covers the “Introduction To Visual Rules” exercise in Codecademy’s CSS lessons.

FAQs on the CSS exercise Introduction To Visual Rules

Join the Discussion. We Want to Hear From You!

Have a new question or can answer someone else’s? Reply (reply) to an existing thread!

Agree with a comment or answer? Like (like) to up-vote the contribution!

Need broader help or resources about CSS in general? Go here!

Want to take the conversation in a totally different direction? Join our wider discussions.

Learn more about how to use this guide.

Found a bug? Report it!

Have a question about your account, billing, Pro, or Pro Intensive? Reach out to our support team!

None of the above? Find out where to ask other questions here!

Other FAQs

The following are links to additional questions that our community has asked about this exercise:

  • This list will contain other frequently asked questions that aren’t quite as popular as the ones above.
  • Currently there have not been enough questions asked and answered about this exercise to populate this FAQ section.
  • This FAQ is built and maintained by you, the Codecademy community – help yourself and other learners like you by contributing!

Not seeing your question? It may still have been asked before – try searching for it by clicking the spyglass icon (search) in the top-right of this page. Still can’t find it? Ask it below by hitting the reply button below this post (reply).

1 Like
  1. What is the difference between <a> and <link>?
  2. Can they be used inter-changeably?

In this exercise, I’ve become aware you can add an image to the webpage using css. Is there a reason the soccer field picture was added via css, instead of html like the author’s avatar?

Images that are embedded in the HTML (IMG) are part of the content, per se. Search engines can index them so they contribute to SEO. CSS images are generally part of the skin of the page and not something we would consider as content worth indexing.

Background images are easy to maintain and update. We should be able to completely change the look of a page without ever having to touch the HTML. When considering where to place an image, ask yourself if this this visual (part of the skin) or if it relates to the content of the page.

An article about Brown Bears would very likely have an associated picture. That would be content. The fancy spruce bow border around the article would not be content, but window dressing (also skin) so CSS is where that image would be inserted.

1 Like

In the HTML course, we learned about the benefits of structuring code using Semantic HTML. In this CSS course, I noticed the code still uses the standard HTML structure. Is it more difficult to integrate CSS styling into Semantic HTML code?

(Link to my current page: https://www.codecademy.com/courses/learn-css/lessons/css-visual-rules/exercises/css-visual-rules?action=resume_content_item)

Not at all. CSS works for all of HTML, and does not treat semantic markup any differently, and neither should we. Both give structure to the content.