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.