此内容来自第三方平台 (Dailymotion)。如果此视频侵犯了您的版权,请使用 立即删除 工具。
How to create CSS Layouts - Web Development Tutorial for Beginners (#3) - with HTML & CSS
描述
Web Development tutorial for Beginners Lesson 3.\r
In this lesson, well cover CSS layouts for beginners, how to build hand coded CSS layouts, and some more intermediate CSS concepts.\r
\r
Well be building a CSS navigation, using CSS floats, and creating a multi-column CSS layout.\r
\r
A helpful tool in doing web development is the Emmet plugin for Sublime Text. To install it, youll need Sublime Package Manager (\r
Once package manager is installed, install Emmet by hitting Tools / Command Pallette, then type package control: install package and choose Emmet.\r
\r
As you can see in this video, there arent an infinite amount of css rules. The most commonly used ones are:\r
margin (spacing outside your html element)\r
padding (spacing inside your html element)\r
background (for color or image background)\r
color (font color)\r
display (block, inline, inline-block, none)\r
border-radius (rounded edges)\r
float (float left or right)\r
\r
** Youll notice I didnt have the correct .row:after code, here it is, it needed content **\r
.row:after { clear: both; content:; display: table;\r
}\r
\r
If you missed videos #1 and #2, here they are:\r
Lesson #1: \r
Lesson #2: \r
\r
Learn Javascript with the Javascript tutorials for beginners:
In this lesson, well cover CSS layouts for beginners, how to build hand coded CSS layouts, and some more intermediate CSS concepts.\r
\r
Well be building a CSS navigation, using CSS floats, and creating a multi-column CSS layout.\r
\r
A helpful tool in doing web development is the Emmet plugin for Sublime Text. To install it, youll need Sublime Package Manager (\r
Once package manager is installed, install Emmet by hitting Tools / Command Pallette, then type package control: install package and choose Emmet.\r
\r
As you can see in this video, there arent an infinite amount of css rules. The most commonly used ones are:\r
margin (spacing outside your html element)\r
padding (spacing inside your html element)\r
background (for color or image background)\r
color (font color)\r
display (block, inline, inline-block, none)\r
border-radius (rounded edges)\r
float (float left or right)\r
\r
** Youll notice I didnt have the correct .row:after code, here it is, it needed content **\r
.row:after { clear: both; content:; display: table;\r
}\r
\r
If you missed videos #1 and #2, here they are:\r
Lesson #1: \r
Lesson #2: \r
\r
Learn Javascript with the Javascript tutorials for beginners:
关键词与标签
相关视频
Read HTML, XHTML y CSS/ Visual Quickstart Guide HTML, XHTML and CSS (Programacion/ Programming)
Wieggerinck
Programming in HTML + CSS Notepad Tutorial 2 - Introduction to HTML
ComputerScienceVideos
Learn HTML & CSS Programming
Ohowaleed
#shorts #programming #coding #css #html #javascript #ui #ux #design #programmers
Trend Wave Global
Programming in HTML + CSS Notepad Tutorial 1 - Downloading the Software
ComputerScienceVideos
Programming In HTML5 - Tutorial 19 | HTML Styles - CSS
ComputerScienceVideos
来自同一上传者
East Coast Sports Kids Fishing Tournament new
30 次观看
Learning Numbers and Counting for Kids | Animal Cartoons for Kids to Learn to Count | Numb
55 次观看
Santa Claus 3D Screensaver HD
153 次观看
Play Doh Shapes Song | Learn About Shapes
6 次观看
Animal Alphabet ABC learning for kids Sing along song
1,200 次观看
CRAYOLA COLOR ALIVE 3D DA FROZEN
1 次观看