Learn ralph small Learn

HTML & CSS

HTML is the markup language for displaying web pages and other information that can be displayed in a web browser. CSS is a language used for describing the look and formatting of HTML. Together they form the foundation of the web.

Contribute to this list

Create an account or sign in to save your progess

Beginning HTML & CSS

Use these additional resources for reference and additional practice

Beginning HTML & CSS developers should be able to

  • View source on a web page and understand it.
  • Use <h1-6>, <p>, <a>, <img>, <ul>/<ol>/<li>, <div>, <span>, <dl>/<dt>/<dd>, <form>/<fieldset>/<input> semantically.
  • Name classes and ids semantically.
  • Use Web Inspector quickly (hint: keyboard shortcuts).
  • Understand the box model.
  • Understand floating and positioning.
  • Style text.
  • Quickly build a simple layout.

Intermediate HTML & CSS

Use these additional resources for reference and additional practice

Intermediate HTML & CSS developers should be able to

  • Use the new HTML5 elements <header>, <hgroup>, <section>, <aside>, <article>, <footer> semantically.
  • Understand the difference between <section> and <div>.
  • Know all of the new form input types and if used how to safely degrade them to older browsers.
  • Apply a box shadow, rounded corners, and text shadow.
  • Use RGBa, HSL, HSLa, and opacity.
  • Know transitions and animations and where to apply them.
  • Know what vendor prefixes are, why they are used.
  • Understand how box-sizing changes the box model.
  • Know the new pseudo-selectors and know their uses.

Advanced HTML & CSS

Use these thoughtbot resources first

Use these additional resources for reference and additional practice

Advanced HTML & CSS developers should be able to

  • Build a fluid grid.
  • Understand where breakpoints should be inserted into design.
  • Use @media queries to provide different layouts to devices with differing widths.
  • Can organize your stylesheets so that the are mobile minded.
  • Understand how best to serve images to mobile and retina screens.

Ongoing Reference