youtor.org
#############################
Video Source: www.youtube.com/watch?v=V5rIPKzcX7Q
HTML AND CSS • Check out My Amazon Store for products and books recommendations - https://www.amazon.com/shop/codingaddict • Disclosure: This video is not sponsored. Some links above are affiliate links, and l may earn a small commission from any purchases at no additional cost to you. Thank you for supporting my channel! • Timeline: • What is HTML - 2:47 • Google Chrome and Visual Studio Code - 5:11 • Download Google Chrome - 6:02 • Download Visual Studio Code - 8:11 • Create A Project - 13:58 • First Webpage - 16:09 • Visual Code Settings - 20:35 • Download Live Server Extension - 22:48 • Basic HTML Document Structure - 26:59 • Implementing Basic Document Structure - 29:05 • Word Wrap and Emmet - 34:50 • Heading Elements - 40:24 • Paragraph Elements - 44:33 • White Space Collapsing - 47:50 • Lorem Ipsum Dummy Text - 49:22 • Images - 51:17 • Multiple Path Options - 57:15 • External Images - 1:00:06 • Nice Images - 1:02:43 • Width and Height Attribute - 1:05:49 • Crop Images - 1:08:40 • Proper Path-1:12:07 • Comments And Line Breaks - 01:15:37 • External Links - 01:19:47 • Internal Links - 01:23:32 • Links Within Page - 01:25:53 • Empty Links - 01:30:10 • Sup And Sub Elements - 01:32:39 • Strong And Em Elements - 01:34:39 • Special Characters In Html - 01:37:02 • Unordered Lists - 01:38:58 • Ordered Lists - 01:41:25 • Nested Lists - 01:42:18 • Table Element - 01:43:57 • Forms - Input And Submit Elements - 01:46:10 • Forms - Textarea - Radio - Checkbox - 01:58:12 • Prettier And Code Formatter - 02:09:40 • Keyboard Shortcuts - 02:14:56 • External Resources - Head Element - 02:26:06 • Html Project Intro - 02:30:15 • Project Setup - 02:32:16 • Download Images - 02:35:17 • Logo, Heading, Navigation - 02:39:02 • Home Page Completed - 02:42:51 • About Page - 02:54:30 • Numbers Page - 02:58:09 • Contact Page - 03:04:14 • Resource Files - 03:09:11 • Text Editor Setup - 03:09:42 • Css Intro - 03:16:03 • Workspace Setup - 03:17:35 • Inline Css - 03:20:22 • Course Resources - 03:23:40 • Internal Css - 03:25:01 • External Css - 03:28:00 • Power Struggle - 03:39:40 • Basic Css Syntax - 03:44:17 • Element Selectors - 03:52:27 • Grouping Selectors - 03:55:15 • Id Selectors - 03:57:27 • Class Selectors - 04:02:09 • Id And Class Selector Summary - 04:06:17 • Div And Span Elements - 04:08:30 • CSS Inheritance - 04:16:44 • More Info On Inheritance - 04:20:08 • Last Rule, Specificity, Universal Selector - 04:22:30 • Colors Intro - 04:27:33 • Color And Background-Color Properties - 04:28:13 • Color Names - 04:32:33 • Rgb - 04:33:30 • Rgba - 04:37:46 • Hex - 04:44:33 • Vs-Code Color Options - 04:50:58 • External Resources - 04:52:57 • Units Intro - 04:55:39 • Pixels, Font-Size, Width, Height - 04:56:18 • Percent Values - 05:02:13 • Em Values - 05:05:44 • Rem Values - 05:11:42 • VH And VW - 05:14:41 • Default Browser Syles - 05:19:14 • Calc Function - 05:29:07 • Typography Intro - 05:33:38 • Font-Family - 05:34:07 • Font-Stack Generic Fonts - 05:36:47 • Google Fonts - 05:39:23 • Font-Weight Font-Style - 05:46:00 • Text-Align And Text-Indent - 05:53:30 • More Text Properties - 05:56:52 • Box-Model Intro - 06:04:31 • Padding - 06:04:53 • Margin - 06:13:28 • Border - 06:19:01 • Border-Radius, Negative Margin - 06:23:57 • Outline Property - 06:27:24 • Display Property Intro - 06:34:58 • Display Property - 06:35:19 • Basic Horizontal Centering - 06:43:26 • Mobile Navbar Example - 06:48:11 • Box-Sizing Border-Box - 06:58:29 • Display Inline-Block - 07:06:46 • Display:none, Opacity, Visibility - 07:09:29 • Background-Image Intro - 07:16:20 • Background Images Setup - 07:16:43 • Background-Image-Property - 07:19:43 • Background-Repeat - 07:27:45 • Background-Size - 07:34:07 • Background-Position - 07:36:58 • Background-Attachment - 07:41:18 • Linear-Gradients - 07:47:04 • Background Image Shortcuts Combined - 07:56:49 • Linear-Gradient Colorzilla - 08:06:56 • Float Position Intro - 08:11:08 • Float Property - 08:11:47 • Float Property Column Layout Example - 08:19:18 • Position Static - 08:25:59 • Position Relative - 08:30:44 • Position Absolute - 08:33:18 • Position Fixed - 08:38:42 • Media Quries - 08:42:30 • Z-Index - 08:57:07 • ::Before And ::After Pseudo Elements - 09:06:04 • Css Selectors Intro - 09:27:14 • Basic Selectors - 09:28:26 • Descendant Child Selectors - 09:31:07 • First Line And First Letter - 09:35:50 • :Hover Pseudo-Class Selector - 09:36:56 • Link Pseudo-Class Selectors - 09:40:03 • Root Preudo-Class Selectors - 09:44:36 • Transform,Transition,And Animations - 09:51:01 • Transform:transition() - 09:52:17 • Transform:scale() - 09:58:52 • Transform:rotate() - 10:01:20 • Transform:skew() - 10:04:47 • Transition Property - 10:06:31 • Multiple Transition - 10:09:13 • Transition Delay - 10:11:11 • Transition-Timing Function - 10:16:36 • Animation - 10:25:51 • Animation-Fill-Mode - 10:35:51 • Last Module Intro - 10:40:53 • Css Variables - 10:41:32 • Font-Awesome Icons - 10:56:19 • Text-Shadow Box-Shadow - 11:07:55 • Browser Prefixes - 11:14:44 • Semantic Tags - 11:19:23 • Emmet Workflow - 11:24:11
#############################
New on site
