Tuhura-Tech / wiki

Free and public resources for NZ schools
https://wiki.tuhuratech.org.nz
GNU Affero General Public License v3.0
4 stars 7 forks source link

CSS Resource #139

Open westshae opened 4 months ago

westshae commented 4 months ago

Consider the implentation of a CSS resource intended for after the HTML resource and before the existing (and to be extended) javascript resource.

Potential inclusions

  1. Common use case for CSS and example of use
  2. Very bare-bones example of CSS alongside the link to HTML
  3. Specific examples of CSS styles that are commonly used such as colour, margin, padding, display, font-weight, etc.
  4. Explain how IDs and Classes are used and targetted
  5. Give students a HTML file filled with existing HTML elements and their respective IDs and classes, then give instructions on what to do based on those IDs/Classes, for example, request students to set a DIV to a certain display type, change the colour of a background etc, to change an unformatted set of elements to a structured nicer looking system.