Misconception: Students frequently forget to add delimiters when writing HTML and CSS code, this error is called unclosed pairs.
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: Novice students struggle with understanding and correctly using CSS selectors in advanced and complex ways, particularly with selector specificity.
Use the w3schools.com online HTML, CSS, and JavaScript tutorials to teach students web development through concrete examples rather than abstract definitions.
When creating websites, many misconceptions students have arise from not fully understanding CSS, Cascading Style Sheets.
Misconception: Students frequently forget to close tags or other paired constructs when writing HTML and CSS code, this error is called unclosed pairs. To help prevent this, have students write both open and close HTML tags before adding content.
Remind students to clear elements after using float so that extra elements don’t try to float as well when teaching CSS.
Provide students with the following document to help them remember important HTML and CSS facts; print it on cardstock to help them understand how important it is to keep around.
Compare adding padding to elements in CSS to adding fillings to a sandwich; it actually increases the total width.
Have students use Chrome or Firefox when teaching web development because these browsers contain the useful tools for development.
Emphasize to students that in CSS id is typically more specific than class, as beginners often struggle to disambiguate these attributes.