CSS Basics

Summary

Below you will find a collection of tutorials on the basics of CSS, the stylesheet language.

Before You Start

These tutorials assume you have a basic understanding of HTML.

Tutorials

Introduction

• Why should I use CSS?
• Creating and saving a CSS file
• Linking an external CSS file to an HTML file

Syntax

• Comments
• Understanding the style rule syntax*

Values

• Color values
• Length units*

Properties

• Text color
• Background color
• Font properties*
• Border properties
• Margins
• Padding

Selectors

• Element selector
• Multiple elements selector
• Class selector*
• ID selector
• Child selector
• Descendant selector
• Pseudo-classes

Useful HTML Elements

• The div element*
• The span element*

Other ways of writing CSS

• Internal stylesheet
• Inline styles

Intermediate topics

• Custom properties
• Media queries
• Flexbox
• Grid

* work in progress

** coming soon!

Notice any errors? Have other questions or suggestions? Send your comments and questions to contact@simpledev.io.