Cascading Style Sheets (CSS)

What does cascading style sheets mean?

CSS works alongside HTML and has the role of adapting the content form webpages, in a visual manner, across multiple devices. It dictates the style by separating fonts, layouts, colors, and other elements and improves user experience.

About Cascading Style Sheets (CSS) 

Cascading Style Sheets (CSS) works alongside Hypertext Markup Language (HTML) to improve the design of web pages.
Through CSS, web designers are able to set up a style for a page and that style will be applied to all the other pages and elements on the entire website. CSS is used for making sites look more appealing and improving user experience.

Why is CSS Important?

CSS allows developers to specify a style once and the web browser will apply that same specific style many times afterward on the webpages or the document., so it is time-efficient. Also, through this method, greater control over the layout is established, while flexibility and interactivity of the website are improved.
CSS also makes it easier to update websites, by eliminating the repetitive coding style of basic HTML, and has the advantage of reducing the number of errors in the code. 

Web pages that use CSS load faster because the browser only has to download the rules once and cache them for loading the other pages of the site.

An Example of How CSS Works

CSS works by creating rules.
Here is a simple example of CSS code defining the color and size of the H1:


<style>
H1 { font-size:20pt color:green;}
</style>
Now, with the previous CSS rule in effect, any HTML code of the website containing the H1 will be  automatically rendered green and 20-point type:
<html>
   <body>
      <h1>this headline is green and 20 pt.</h1>
   </body>
</html>

up-arrow.svg