What is CSS?
- CSS stands for Cascading Style Sheets
CSS describes how HTML elements are to be displayed on the screen, paper, or in other media
- CSS saves tons of labor. It can control the layout of multiple sites all directly
- External stylesheets are stored in CSS files
- CSS Demo - One HTML Page - Multiple Styles!
- Here we'll show one HTML page displayed with four different stylesheets. Click on the "Stylesheet 1", "Stylesheet 2", "Stylesheet 3", "Stylesheet 4" links below to ascertain the various styles:
Why Use CSS?
- CSS is employed to define styles for your sites, including the planning, layout, and variations in display for various devices and screen sizes.
- CSS Solved an enormous Problem
- HTML was NEVER intended to contain tags for formatting an internet page!
HTML was created to explain the content of an internet page, like:
- This is a heading
- This is a paragraph.
- When tags like, and color attributes were added to the HTML 3.2 specification, it started a nightmare for web developers. The development of huge websites, where fonts and color information were added to every single page, became an extended and expensive process.
- To solve this problem, the planet Wide Web Consortium (W3C) created CSS.
- CSS removed the design formatting from the HTML page!
CSS Saves tons of Work!
The style definitions are normally saved in external .css files.
With an external stylesheet file, you'll change the design of a whole website by changing only one file!