2014
Train Simple
4:00
English

CSS3 Layouts covers basic layout principles. This course will provide you with crucial page layout skills such as floats and positioning. We will show you how to implement these techniques to create fixed, fluid, and responsive layouts with CSS. This course, of all our CSS courses, unlocks the mystery of making your content appear where you want it in the browser.

1. Getting Started with CSS Layouts
What You Need to Know
Fixed, Fluid, and Responsive Layouts
Tools Needed for the Course
Thinking about Document Structure
Image Preparation
Normal Document Flow
2. Working with Floats
The float Property
The clear Property
Avoid Container Collapse
Using Clearfix
Clearfix for Internet Explorer
Floating Inline Elements
Creating DropCaps with Floats
Float-Based Layouts - Two Columns
Float-Based Layouts - Two Columns pt.2
Float-Based Layouts - Three Columns
Float-Based Layouts - Three Columns pt.2
How Browsers Calculate Column Height
Column Height Solutions
Column-Count
3. Positioning Elements
Relative Positioning
Absolute Positioning
Fixed Positioning
Stacking Order with Z-Index
Stacking Context
Clipping Content
Content Overflow
4. Creating a Fixed Layout
What are Fixed Layouts?
Creating a Layout Grid
Determine the Layout
Using CSS to implement the Grid
Tweaking the CSS
Adding Assets to the Grid
5. Creating a Fluid Layout
What are Fluid Layouts?
Planning the Fluid Grid Layout
Writing the Fluid Grid CSS
Flexible Assets
Background Images
Max Width and Max Height
6. Creating a Responsive Layout
What are Responsive Layouts?
Using Media Queries
Mobile First, Gracefully Degrading
What's Next?

Download File Size:1.03 GB

---