Files
freeCodeCamp/guide/english/css/index.md

39 lines
2.8 KiB
Markdown
Raw Normal View History

2018-10-12 15:37:13 -04:00
---
title: Cascading Style Sheets (CSS)
---
# Cascading Style Sheets (CSS)
2018-10-12 15:37:13 -04:00
![CSS Logo](https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/CSS3_logo_and_wordmark.svg/320px-CSS3_logo_and_wordmark.svg.png)
2018-12-09 16:18:09 +01:00
CSS stands for *Cascading Style Sheets*. It is a language used for describing the style of a document written in HTML. It was designed to enable the separation of presentation and content, which greatly improved content accessibility and gave more flexibility and control in the specification of presentation, and reduced complexity and repetition in the structural content. It was first invented in 1996, and is now a standard feature of all major web browsers. The newest version of CSS is CSS3, which builds upon CSS2.1 and adds more visual functionalities, ready for the modern world.
2018-10-12 15:37:13 -04:00
CSS specifications are maintained by the [World Wide Web Consortium (W3C)](https://www.w3.org/).
You can build some pretty amazing things in CSS alone, such as this pure-CSS [Minesweeper game](https://codepen.io/bali_balo/pen/BLJONk) (which uses no JavaScript).
![Minesweeper clone in CSS](https://cdn-images-1.medium.com/max/800/1*GFcKk9KxqHAnWa1ECcKDOQ.png)
2018-10-12 15:37:13 -04:00
### Popular CSS Frameworks 2018
Frameworks exist to make the more complex parts of css easier and more efficient for developers to build out websites.
Some of the most popular CSS Frameworks are:
2018-11-13 01:21:48 -06:00
Bootstrap, Foundation, Bulma, uikit, Semantic UI, mini.css, Materialize, Material Design Lite, Spectre, Kube, and tailwind.css
## Suggested Reading:
2018-10-12 15:37:13 -04:00
A good start is the freeCodeCamp curriculum [Introduction to Basic CSS](https://learn.freecodecamp.org/responsive-web-design/basic-css).
[Jon Duckett's book on HTML and CSS](https://www.amazon.com/HTML-CSS-Design-Build-Websites/dp/1118008189) could be an exellent start for the ones who wish to explore the topic to it's great depth with some amazing examples.
2018-10-12 15:37:13 -04:00
Another suggestion for beginners is W3C's [Starting with HTML + CSS](https://www.w3.org/Style/Examples/011/firstcss) teaches how to create a style sheet.
The site [CSS Zen Garden](http://www.csszengarden.com/) is a great example of how the same HTML code/structure can be styled to look different in unique ways.
2018-10-12 15:37:13 -04:00
The [Odin Project](https://www.theodinproject.com/courses/html5-and-css3) features a full course on using CSS alongside HTML.
2018-10-12 15:37:13 -04:00
For a demonstration of the power of CSS, check out [Species In Pieces](http://species-in-pieces.com/#).
When you're practice and working with CSS, you can refer to this [CSS reference](https://cssreference.io/) to help you along the way if you're unsure about a property. A great tool for helping visualize what each CSS property does.
To find some awesome articles and summaries of Front End Development related ideas visit [CSS-Tricks](https://css-tricks.com)
I recommend that you also look at the blog [CSS-Tricks](https://css-tricks.com/snippets/css/).