Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

WDS23 - Welcome CSS

In the last Article we completed Html and now it's time to move to next part of web development.
As we discussed in very first part of WDS, in Front-End Web Development, HTML is the backbone. Now after learning HTML, you can easily create web pages with various elements like images, videos, forms, paragraphs and much more. But still, if you see the output it is not great to look at. We are still far behind how actual web pages look on the Internet.  
That's where CSS comes in. CSS helps us to Style our web pages with color, fonts, borders and what not. Remember it will not add any functionality in our website, but you all know that visuals of website surely make impression on users.
Let's get straight to our CSS...
  • CSS stands for Cascading Style Sheets
  • CSS describes how HTML elements are to be displayed on screen

Why CSS?

Although I pretty much answered this question in the introduction to this article, CSS is used for following purposes:
  • Define styles for your web pages including the layout
  • Handle the variations in the display for different devices and screen sizes.

CSS helps us a lot

Before CSS, let say if we want to give red colors to all our headings on a page, we have to change attribute to each heading one by one, but with the help of CSS we can define particular classes, ids (we will see this in coming articles, don't worry!), to do this in literally two lines(or should I say one...).

CSS makes code management simple

Yes, out of the three ways we will see in next article to apply CSS, best is to have separate CSS file. So we can keep base HTML code different and change the only CSS to alter the website completely.

That's all for today. Today we just learned why we require CSS and how it will help us with beautiful websites. In the next article, we will learn to apply simple CSS to HTML in different ways. Till then #keepCoding.

This post first appeared on The Coding Express, please read the originial post: here

Share the post

WDS23 - Welcome CSS


Subscribe to The Coding Express

Get updates delivered right to your inbox!

Thank you for your subscription