Preview Learn HTML5 and CSS3 From Scratch

Getting Started

1. Intro , What is HTML , Google Chrome and Visual Studio Code

2 Download Google Chrome , Download Visual Studio Code , Create A Project

3 First Webpage , Visual Code Settings , Download Live Server Extension

4 Basic HTML Document Structure , Implementing Basic Document Structure , Word Wrap and Emmet

5 Heading Elements , Paragraph Elements , White Space Collapsing

6 Lorem Ipsum Dummy Text , Images , Multiple Path Options

7 External Images , Nice Images , Width and Height Attribute

8 Crop Images , Proper Path , Comments And Line Breaks

9 External Links , Internal Links , Links Within Page

10 Empty Links , Sup And Sub Elements , Strong And Em Elements

11 Special Characters In Html , Unordered Lists , Ordered Lists

12 Nested Lists , Table Element , Forms - Input And Submit Elements

13 Forms - Textarea - Radio - Checkbox , Prettier And Code Formatter , Keyboard Shortcuts

14 External Resources - Head Element , Html Project Intro , Project Setup

15 Download Images , Logo, Heading, Navigation , Home Page Completed

16 About Page , Numbers Page , Contact Page

17 Resource Files , Text Editor Setup , Css Intro

18 Workspace Setup , Inline Css , Course Resources

19 Internal Css , External Css , Power Struggle

20 Basic Css Syntax , Element Selectors , Grouping Selectors

21 Id Selectors , Class Selectors , Id And Class Selector Summary

22 Div And Span Elements , CSS Inheritance , More Info On Inheritance

23 Last Rule, Specificity, Universal Selector , Colors Intro , Color And Background-Color Properties

24 Color Names , Rgb , Rgba

25 Hex , Vs-Code Color Options , External Resources

26 Units Intro , Pixels, Font-Size, Width, Height , Percent Values

27 Em Values , Rem Values , VH And VW

28 Default Browser Syles , Calc Function , Typography Intro

29 Font-Family , Font-Stack Generic Fonts , Google Fonts

30 Font-Weight Font-Style , Text-Align And Text-Indent , More Text Properties

31 Box-Model Intro , Padding , Margin

32 Border , Border-Radius, Negative Margin , Outline Property

33 Display Property Intro , Display Property , Basic Horizontal Centering

34 Mobile Navbar Example , Box-Sizing Border-Box , Display Inline-Block

35 Display:none, Opacity, Visibility , Background-Image Intro , Background Images Setup

36 Background-Image-Property , Background ,Repeat , Background-Size

37 Background-Position , Background-Attachment , Linear-Gradients

38 Background Image Shortcuts , Combined , Linear-Gradient Colorzilla , Float Position Intro

39 Float Property , Float Property Column Layout Example , Position Static

40 Position Relative , Position Absolute , Position Fixed

41 Media Quries , Z-Index , ::Before And ::After Pseudo Elements

42 Css Selectors Intro , Basic Selectors , Descendant Child Selectors

43 First Line And First Letter , :Hover Pseudo-Class Selector , Link Pseudo-Class Selectors

44 Root Preudo-Class Selectors , Transform,Transition,And Animations , Transform:transition()

45 Transform:scale() , Transform:rotate() , Transform:skew()

46 Transition Property , Multiple Transition , Transition Delay

47 Transition-Timing Function

48 Animation , Animation-Fill-Mode

49 Last Module Intro

50 Css Variables , Font-Awesome Icons

51 Browser Prefixes , Semantic Tags

52 Emmet Workflow

Preview - Learn HTML5 and CSS3 From Scratch - Full Course