An overview of CSS
CSS (Cascading StyleSheets) is a technology by which styles of HTML elements are applied. There are three levels at which CSS can operate:
-
External: styles are defined in separate CSS files. The HTML files are linked to them, so the website content will appear and behave in the intended way.
You can think of this as styles to be applied across multiple webpages being defined in a central location.
An HTML file is linked to a CSS file by the following line in the HEAD tag:
-
Internal: styles for a webpage can be defined witha <STYLE> tag inside the <HEAD> tag of that page, as below:
-
Inline: the style of a specific HTML element is defined within the tag of that element, for example:
These CSS tutorials are designed to be followed by using either of the first two methods. For the external method, the add a CSS file tutorial shows how to link a CSS file and create a new one if necessary.
The next piece of learning here is an introduction to CSS Variables