Skip to content

Latest commit

 

History

History
100 lines (54 loc) · 1.5 KB

README.md

File metadata and controls

100 lines (54 loc) · 1.5 KB

html-css-workshop

Nearly every project built for the web relies on HTML, as its foundation. It defines the structure of a page, while CSS defines its style. HTML and CSS are the beginning of everything that we need to know to make our first web page.

Table of Contents

Editor

  • Visual Studio Code - This is what I typically use. It's open source and has tons of extensions available.

  • There's a bunch of others listed here, I just listed the ones I've used and liked!

HTML Contents

  • Get to grips with the basic features of HTML5 and CSS3

    • HTML5 Semantic Elements

      • Non-Semantic Elements

        • Tells nothing about its content

      • Semantic Elements

        • Clearly defines its content

      • Main

      • Section

      • Header

      • Nav

      • Article

      • Aside

      • Footer

    • Headings

    • Paragraph

    • Block Elements

    • Inline Elements

    • Special Characters

    • Lists

    • Forms

    • Images

    • Video

CSS Contents

  • Basic

  • Selectors

  • Inheritance

  • Specificity

  • Colors

  • Unit / Values

  • Typography

  • Box-Model

  • Display

  • Floats

  • Positions

  • Z-Index

  • Backgrounds

  • Gradients

  • Before and After

  • Transforms

  • Transitions

  • Animations

  • Media Queries

  • Flexbox

  • Grids

Actually, now the end is here, thanks for reading!