CSS stands for Cascading Style Sheets.
CSS can be used to change the styling and design of certain elements on a web page, in essence, it’s responsible for the look and feel of the web page, whereas HTML is responsible for marking up the content and structure.
CSS describes how HTML elements should look on desktop screens, mobile screens, paper-form and other media.
As an example to put things into perspective for you, I have included some code below.
<h1>This Is a Heading Tag</h1>
To improve the look and feel of our heading tag, I have included some inline CSS:
<h1 style=""font-size:20px; color:#00000; margin-bottom:20px"">Heading Tag With Styling</h1>
This will increase the size of the heading tag, change it’s color and apply a bottom margin of 20px.
There are different types of CSS that can be used:
- External style sheet (a .css file stored elsewhere on your web server, and you can connect to it via a ‘link rel’ line);
- Internal style sheet (all of your CSS can be stored within the same HTML file, which will be within the header section of your site);
- Inline styles (a unique style that can be applied to a singular element – just like our example above).
All three have their own advantages and disadvantages, e.g having an external style sheet reduces the amount of code on your web page, therefore, reducing file size that will help with page speed.