- No previous knowledge of CSS
- Requires a basic or intermediate knowledge of HTML.
- How to make a style rule.
- Understanding of the differences between a tag, ID, and class rule declaration.
- Understand on how styles ‘cascade’ downward.
- Some basic style rules, like
- How to insert CSS files into HTML documents.
- What pseudoclasses are, and how to target rules on to them.
- What web fonts and system fonts are.
- What the rule
!importantdoes and why not to use it in most cases.
- What the browser defined styles are and why reset files are needed.
- Most of the style rules.
- How to target rules based on HTML attributes.
- Understand the various ways of positioning and when to use them.
- Understand the box model, when to use position, margin, border, padding, height, and width.
- How to nest styles within styles.
Hey if you like this why not sign up for my once-a-month newsletter that covers my favorite content on tech and programming delivered to your inbox
- Requires an advanced knowledge of HTML.
- All style rules and when they apply to specific tags.
- Sibling selectors, like
- How to solve style issues caused by browser compatibility.
- How to use media queries to build responsive sites and elements.
- How to create animations with keyframes.
- How to use
:afterto make style driven elements in the DOM.
- Understand what CSS preprocessors are and how to use at least one.
This blog is only a guideline, of course, there are plenty of cases where some overlap of knowledge will be required. Example being a basic tutorial requiring some intermediate knowledge. For students, just remember Googling for terms you don’t completely understand is encouraged. For educators, it’s not a bad thing to go into more detail on what you think might be necessary knowledge.