2018-10-12 15:37:13 -04:00
---
title: Introduction to CSS
---
2018-10-25 11:43:40 +01:00
## Table of Contents
* [Introduction to CSS ](#introduction-to-css )
* [What is CSS? ](#what-is-css )
* [Using CSS ](#using-css )
* [More Information ](#more-information )
2018-10-12 15:37:13 -04:00
## Introduction to CSS
### What is CSS?
2018-11-26 15:25:46 +05:30
Cascading Style Sheets (CSS) describe how the html on a page should appear.
2018-10-12 15:37:13 -04:00
2018-11-26 15:25:46 +05:30
CSS was first proposed way back in 1994 by Håkon Wium Lie, who was working with Tim Berners-Lee at CERN.
2018-10-12 15:37:13 -04:00
2018-11-26 15:25:46 +05:30
Before CSS, developers would apply styles using attributes or special tags on each node of a page. This made markup repetitive and prone to errors.
2018-10-12 15:37:13 -04:00
2018-11-26 15:25:46 +05:30
CSS allows selectors to describe how each piece of matching content should look. It is an important technology of World Wide Web, along with HTML and Javascript.
2018-10-12 15:37:13 -04:00
```CSS
body {
font-size: 15px;
}
a {
color: rebeccapurple;
text-decoration: underline;
}
```
### Using CSS
**External style sheets** let many pages share the same styles.
```HTML
< link href = "styles.css" rel = "stylesheet" type = "text/css" >
```
**Internal style sheets** apply CSS to all matching tags on a page.
```HTML
< style >
h1 {
font-family: sans-serif;
margin-bottom: 1.5em;
}
< / style >
```
**Inline CSS** apply styles to a single tag.
```HTML
< img src = "..." style = "border: 1px solid red;" / >
```
#### More Information:
* [W3Schools ](https://www.w3schools.com/css/css_intro.asp )
* [CSS-Tricks Almanac ](https://css-tricks.com/almanac/ )
* [Sitepoint ](https://www.sitepoint.com/html-css/?ref_source=github )
2018-11-17 02:12:36 -08:00
* [MDN ](https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS )
2018-11-26 15:25:46 +05:30
* [Wikipedia ](https://en.wikipedia.org/wiki/Cascading_Style_Sheets )