Surprise Me!

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

2017-11-19 2 Dailymotion

Web Development tutorial for Beginners Lesson 3.\r<br>In this lesson, well cover CSS layouts for beginners, how to build hand coded CSS layouts, and some more intermediate CSS concepts.\r<br>\r<br>Well be building a CSS navigation, using CSS floats, and creating a multi-column CSS layout.\r<br>\r<br>A helpful tool in doing web development is the Emmet plugin for Sublime Text. To install it, youll need Sublime Package Manager (\r<br>Once package manager is installed, install Emmet by hitting Tools / Command Pallette, then type package control: install package and choose Emmet.\r<br>\r<br>As you can see in this video, there arent an infinite amount of css rules. The most commonly used ones are:\r<br>margin (spacing outside your html element)\r<br>padding (spacing inside your html element)\r<br>background (for color or image background)\r<br>color (font color)\r<br>display (block, inline, inline-block, none)\r<br>border-radius (rounded edges)\r<br>float (float left or right)\r<br>\r<br>** Youll notice I didnt have the correct .row:after code, here it is, it needed content **\r<br>.row:after { clear: both; content:; display: table;\r<br>}\r<br>\r<br>If you missed videos #1 and #2, here they are:\r<br>Lesson #1: \r<br>Lesson #2: \r<br>\r<br>Learn Javascript with the Javascript tutorials for beginners:

Buy Now on CodeCanyon