CSS Introduction
The language we use to style a web page is called CSS.
What is CSS ?
- The acronym for Cascading Style Sheets is CSS.
- The CSS specifies how HTML elements should appear on a screen, in print, or in other media.
- CSS greatly reduces labor. It is capable of simultaneously managing the design of several web pages.
- In CSS files, external stylesheets are kept.
CSS Demo - One HTML Page - Multiple Styles!
We’ll demonstrate one HTML page here that uses four separate stylesheets. To view the various styles, click on the links below labeled “Stylesheet 1,” “Stylesheet 2,” “Stylesheet 3,” and “Stylesheet 4”:
BOX MUKVU
Why Use CSS?
Your web pages’ styles, including their layout, design, and display variations for various screen sizes and devices, are defined by CSS.
CSS Example
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
CSS Solved a Big Problem
It was NEVER the intention of HTML to provide tags for web page formatting!
HTML was developed to define the following types of material on a web page:
<h1>The heading is this</h1>
This section is a paragraph.<p>
Web developers had a nightmare when tags like <font> and color attributes were added to the HTML 3.2 specification. Large websites required a time-consuming and costly development process because typefaces and color information had to be added to each and every page.
The World Wide Web Consortium (W3C) developed CSS in order to address this issue.
The HTML page’s style formatting was eliminated by CSS!
If you don’t know what HTML is, we suggest that you read our HTML Tutorial.
CSS Saves a Lot of Work!
External.css files are often where style definitions are stored.
You only need to make changes to one external CSS file to alter the appearance of a complete website!
