Sharing Is Caring:

HTML and CSS Foundations

  • A super quick introduction to HTML and CSS
  • Free tutorial
  • Rating: 4.1 out of 54.1 (2,029 ratings)
  • 34,878 students
  • 1hr 4min of on-demand video
  • Created by Michael Leung
  • English

What you’ll learn

  • Text
  • Images
  • Lists
  • CSS Selectors (Classes, IDS, children, pseudo-classes, etc.)
  • Box Model
  • Color
  • Positioning (Static, Fixed, Relative, Absolute)
  • FlexBox
  • Media Queries
  • Animations with Keyframes and Transition


  • You should know how to download software


This course is for you whether you’re a complete beginner or just want to refresh your knowledge on HTML and CSS.

This course will teach you HTML and CSS using several examples and covers a broad range of common coding practices.

By the end of this course, you will have the skills necessary to create websites that are responsive, adaptive, and animated.

If you have any questions throughout the course, feel free to send me a message or leave a question in the discussion section.

Who this course is for:

  • Anyone looking for a super quick guide to HTML and CSS

Show less

Course content

13 sections • 29 lectures • 1h 5m total lengthCollapse all sections

Prologue1 lecture • 1min

  • How to get the most out of this course00:52

Setup1 lecture • 1min

  • Setup00:32

Tags9 lectures • 14min

  • Template03:22
  • Head02:41
  • Text01:49
  • Comments01:10
  • Links01:16
  • Lists00:52
  • Text Inputs01:00
  • Images00:45
  • Spans and Divs01:09
Read Also -->   React JS For Beginners 2023

File Structure and File Path1 lecture • 3min

  • File Structure and File Path03:26

Selectors5 lectures • 8min

  • Elements01:10
  • Multiple00:32
  • Classes and IDs02:58
  • Children01:29
  • Pseudo-Classes02:17

Box Model2 lectures • 9min

  • Boxes03:42
  • Units04:52

Colors1 lecture • 3min

  • Colors02:35

Fonts1 lecture • 2min

  • Fonts01:33

Positioning1 lecture • 4min

  • Position03:40

Flexbox3 lectures • 8min

  • Flex01:43
  • Justify Content and Align Items03:01
  • Wrap02:52

Media Queries1 lecture • 4min

  • Media Queries04:09

Animation2 lectures • 10min

  • Keyframes07:03
  • Transition02:34

Epilogue1 lecture • 1min

  • Now what?00:16

👇👇👇👇 Click Below to Enroll in Free Udemy Course 👇👇👇👇

Go to Course

👇👇 See Also 👇👇

Join Us Join Us Join Us
Sharing Is Caring:

Leave a Comment

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock