Introduction to CSS

Learn how to program CSS Style Sheets to style your documents. After reading this guide, you will know how to style HTML elements, how to modify the styles dynamically, and how to use CSS to design your website or web application.

Table of Contents

CSS
Styles
Applying Styles
Cascading Style Sheets
References
Keywords
Id Attribute
Class Attribute
Other Attributes
Pseudo-Classes
Properties
Text
Colors
Sizes
Background
Borders
Shadows
Gradients
Filters
Transformations
Transitions
Animations

WEB DESIGN
Boxes
Display
Traditional Box Model
Floating Content
Floating Boxes
Absolute Positioning
Columns
Real-life Application
Flexible Box Model
Flex Container
Flexible Elements
Organizing Flexible Elements
Real-life Application

QUICK REFERENCE
Pseudo-clases
Fonts
Text
Colors
Size and Position
Background
Border
Shadows
Gradients
Effects
Transformations
Animation
Design
Columns
Flexible Model

This guide assumes that you have a basic knowledge of HTML and you know how to create files and upload them to a server. If you don't know how to program in HTML, you can download our guide Introduction to HTML. For a complete course on web development, read our book HTML5 for Masterminds.

This guide is a collection of excerpts from the book HTML5 for Masterminds. The information included in this guide will help you understand a particular aspect of web development, but it will not teach you everything you need to know to develop a website or a web application. If you need a complete course on web development, read our book HTML5 for Masterminds. For more information, visit our website at www.formasterminds.com.