Skip to main content
CS Teaching Tips

Main navigation

  • Browse All Tips
  • Tags
  • 3D
  • About
  • Rate Tips
  • Tip Sheets

CSS

Use the w3schools.com online HTML, CSS, and JavaScript tutorials to teach students web development through concrete examples rather than abstract definitions.

Misconception: novices struggle with correct syntax for inline CSS when learning web development.

Misconception: Novice students struggle with understanding and correctly using CSS selectors in advanced and complex ways, particularly with selector specificity.

Misconception: Students may write code in HTML and CSS that contains many errors yet still renders correctly, leaving them with faulty understandings of concepts and acceptable code.

Misconception: Students frequently mix up CSS and HTML syntax when first learning web development.

Misconception: Students frequently forget to add delimiters when writing HTML and CSS code, this error is called unclosed pairs.

Emphasize to students that in CSS id is typically more specific than class, as beginners often struggle to disambiguate these attributes.

Have students use Chrome or Firefox when teaching web development because these browsers contain the useful tools for development.

Use this analogy to help students understand float and clear in CSS.

Compare adding padding to elements in CSS to adding fillings to a sandwich; it actually increases the total width.

Pagination

  • Page 1
  • Next page ››
Subscribe to CSS

For more information or to report a bug, contact us at admin@csteachingtips.org. Built with Bootstrap. Powered by Drupal.

Privacy Policy