*This has been recently Updated! Enjoy the new version and let me know what you think.*
Welcome to CSS Videos.com. My name is Ashton Sanders and this is the first CSS video tutorial, so I will be answering a very important question: “What is Cascading Style Sheets?”
But before we get to CSS, we must first quickly define HTML as CSS works with HTML to make websites faster and easier to edit.
What is HTML?
HTML (HyperText Markup Language) is the most basic programming language for websites. HTML consists of elements (or tags) that are used to create websites. For example, the HTML element “<p>” is used to create a paragraph on a web page.
<p>Here’s an example paragraph in HTML code.</p>
Web pages are created with HTML elements and then CSS is used to style those HTML elements and define how they will look.
What Does CSS Do?
CSS allows you to style a lot of different aspects of HTML elements. You can use CSS to do things like:
- changing the font, size and alignment of text
- adding a background color or background image
- adding a border
- create a drop down menu
- define the width and height of an element
- and much, much more…
How Do People Use CSS?
As CSS is so versatile, people use it as much or as little as they want. Any part of a webpage that doesn’t get created with HTML can be done with CSS.
One recommended practice is to use HTML to:
- Define the different areas of your web page (ie. header, sidebar, content, footer) and
- Fill it with content (text, images, etc.).
Then you use CSS to:
- Format the size and placement of your web page areas
- Style the content (color, size, bold, font, etc.) and
- Add the design (look and feel) to the HTML.
Purpose of CSS?
The purpose of CSS is to keep as much of your actual content (HTML) separated from your design styles (CSS). This allows you to make website-wide changes easily. For example, if you want to change the color of all the text on your website, you only need to change the color in your CSS file, and your entire website has been updated.
Cascading Style Sheets helps to keep your code clean, decreases your file size and gives you mountains of functionality.
I hope you enjoyed the CSS Tutorial. As I’m always looking to improve my videos, please leave a comment below with any suggestions or recommendations you may have to improve them.
Thank you very much for watching this CSS Video on “What is Cascading Style Sheets”.