Video How to create CSS Layouts - Web Development Tutorial for Beginners (#3) - with HTML & CSS

How to create CSS Layouts - Web Development Tutorial for Beginners (#3) - with HTML & CSS

Title : How to create CSS Layouts - Web Development Tutorial for Beginners (#3) - with HTML & CSS
Duration : 21:52
Channel : LearnCode.academy
Label : JavaScript (Programming Language), HTML (Programming Language), HTML5 (Programming Language), web page, Cascading Style Sheets (Programming Language), css, web design tutorial, web design tutorial for beginners, web development tutorial, web development, web development tutorial for beginners, for beginners, tutorial, web, design, development, how to build a website, how to write css, hand code, hand-code, css layouts, Web Design (Project), Free, how to, lesson, web development lesson

How to create CSS Layouts - Web Development Tutorial for Beginners (#3) - with HTML & CSS

Web Development tutorial for Beginners Lesson 3. In this lesson, we'll cover CSS layouts for beginners, how to build hand coded CSS layouts, and some more intermediate CSS concepts. We'll be building a CSS navigation, using CSS floats, and creating a multi-column CSS layout. A helpful tool in doing web development is the Emmet plugin for Sublime Text. To install it, you'll need Sublime Package Manager (https://sublime.wbond.net/installation). Once package manager is installed, install Emmet by hitting Tools / Command Pallette, then type "package control: install package" and choose Emmet. As you can see in this video, there aren't an infinite amount of css rules. The most commonly used ones are: margin (spacing outside your html element) padding (spacing inside your html element) background (for color or image background) color (font color) display (block, inline, inline-block, none) border-radius (rounded edges) float (float left or right) ** You'll notice I didn't have the correct .row:after code, here it is, it needed content ** .row:after { clear: both; content: " "; display: table; } If you missed videos #1 and #2, here they are: Lesson #1: https://www.youtube.com/watch?v=3JluqTojuME Lesson #2: https://www.youtube.com/watch?v=gBi8Obib0tw Learn Javascript with the Javascript tutorials for beginners: https://www.youtube.com/watch?v=fGdd9qNwQdQ&list=PLoYCgNOIyGACnrXwo5HMCfOH9VT05znGv

Download Video How to create CSS Layouts - Web Development Tutorial for Beginners (#3) - with HTML & CSS