css outline
The next step after HTML is CSS
Once you’re familiar with HTML, Cascading Style Sheets (CSS) is a great way to further your web site building skills. CSS is used to extend the formatting and stylistic capabilities of your HTML documents, allowing greater flexibility and control in page layout and design.
Modules are approximatley 2 hours long.
Module 1: CSS overview and syntax
- What is CSS and why do we need it
- Parts of a “style”
- Where can CSS be written
- In-line CSS
- Embedded – media types
- External – link/import
- Selector types
- Element
- Cass
- Id
- Calculating specificity
- Commenting
- Validate your CSS
Module 2: Text formatting with CSS
- Block vs. in-line elements
- Font Properties
- Family
- Size
- Weight, style, variant
- Text properties
- Color
- Align
- Decoration
- Indent
- Transform
- Line-height, letter and word spacing
Module 3: Backgrounds and Lists
- Background properties
- Color
- Image
- Repeat
- Position
- Attachment
- List-style properties
- Type
- Image
- Position
Module 4: The Box Model
- The Box concept
- Width
- Margin
- Padding
- Border
- Outline
- Centering an element
Module 5: Layouts
- Header/Content/Footer
- Float/Clear
- 2 column layout
- Position
- z-index
- Overflow
- Visibility
- Display
Module 6: Pseudo-classes and elements
- Link styles
- First-letter
- First-line