Get an introduction to layout concepts and terminology and understand the difference between HTML-based layouts vs. CSS-based layouts.
- [Instructor] Of all the various aspects of CSS,…one the hardest for me to learn and master was layout.…In this movie, I want to introduce you…to some layout concepts and terminology…so that you'll be familiar with them…as you begin to experiment with…and learn the various nuances…around controlling page layouts with CSS.…So a browser reads an HTML document from the top down.…Now if there's not CSS intervention,…that HTML will appear on the page…as a bunch of stacked elements.…So the question is:…how do you take all these elements stacked…on top of one another like little blocks…and arrange them into a multi-columned layout?…Well there are a few approaches to taking an HTML layout…and bending it to your will.…
The first is tables.…Back in the day there was no CSS.…We just used tables to create row and column based layouts.…This was terrible in so many ways…as that's not really what HTML table markup was meant for…and that left us with a mess of unsemantic HTML,…inaccessible layouts, and code…that was very difficult to maintain.…
- What is CSS?
- Understanding how CSS works with HTML
- Applying fonts
- Understanding the classic box model
- Setting margins and padding
- Positioning elements
- Basic CSS layout concepts
- Media types and media queries
- Working with CSS frameworks and CSS grids
- Creating responsive layouts
- Tools that help you write and maintain CSS
Skill Level Beginner
1. CSS Basics
2. CSS Specifications
3. Common CSS Concepts
4. CSS Layouts
5. Working with CSS
6. Responsive CSS
7. Going Further with CSS
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.