Week 1 Day 3

CSS

Today we reviewed many of the most important features of CSS. We reviewed the simple CSS demo and walked through it line by line discussing the possible values for css properties: Simple CSS Demo

The Advanced CSS demo includes CSS3 features that aren’t supported in older browsers but can add a lot of visual interest to a design: Advanced CSS visual styling

Very complex and experimental css Features: Transformations, animations, etc.

Floating

We discussed how to position elements on the screen via floating. Students must be able to set the widths of elements (width, padding, margin properties) and float them to create columns.

Positioning

Discussed static, absolute, relative and fixed positioning and the differences between their positioning models.

Layout

Walked through the first design layout for a website.

Float and Positioning Files

CSS Demo Files

Published by

giodif

I am the UI Design Instructor at The Iron Yard Academy in Columbia. I am also the Creative Director for UnmatchedStyle.com, ConvergeSE, BD Conf, and SOCO.