CSS Basics
This section is for basic CSS tutorials, explaining the syntax, concepts, and some simple ways to customize the look of your site.
CSS was standardized in 1996 to solve the problem of messy, unmanageable pages that mix both looks and content. With CSS, you can control the colors, fonts, and layouts of all your pages, and only have to fix one file if something goes awry.
| Tutorial | Description |
|---|---|
| Making Your Site Pop With CSS | The basic syntax of a stylesheet, and how to use it to pretty up a page. |
| Multiple Stylesheets | You can have multiple stylesheets on one document for maximum control over the look of each one. |
| Inline vs Block-Level Elements | Elements are classed in one of two types, and both affect the page layout completely differently. |
| Colors: Primary, Background, and "Web-Safe" | Specifying page colors is very simple indeed, and you have a lot of control over how you do it. |
| Functional Fonts | A few basic concepts can help you pick fonts that look great everywhere. |
| Floats and Clears | Sometimes, you just want an image to sit off to the side of your text, no questions asked. This is where floats come in. |
| Units of Measurement | When specifying sizes in CSS, you have a few choices as to what units you use. |
| Margins, Padding, Borders: The Box Model | CSS uses a "box model" for setting the width and spacing of elements. |
If you'd like to get more in-depth with layouts and the look of your pages, check the Advanced CSS section.