puzzle

In the world of the internet,
HTML & CSS fit together

example

elementPros & Cons of CSS

Pros:

  • Supported on most browsers
  • You can replicate the same styles on different HTML pages
  • Basic CSS is easy to learn
  • It’s less resource intensive than flash
  • Consistent
  • One file so it’s easier to update
  • A wider variety of fonts to choose from

Cons:

  • CSS content can get out of hand creating lengthy and bloated files resulting in slower speeds and using extra resources
  • Building with CSS could be inconsistent
  • Older browsers don’t support CSS creating inconsistency between browsers
  • Errors and Debugging

example

elementClasses & id's

Classes & id's work as HTML selectors that group content together so that it can be stylized and edited with CSS rules.

The ID selector can only be used once for a particular block section, such as the header, footer, & columns in the layout of the page.

Classes are inline selectors that go "inline" with the content of the page, such as changing the color of a word inside a sentence.

example

elementInheritance

These are called parent and child elements. The children take on attributes from their “parents” or in the case of CSS, the text inside of or below an attribute that doesn’t have any specific styling, takes on the styling of the element above or outside of it.

Exception: If you have a link inside a webpage, you would be required to specify the link in CSS to change its styling.