All right guys we are leveling up in this module.
We’re going to talk about cascading style sheets.
First let’s understand why CSSA was created and why it’s necessary.
Now if you think back to the 90s web developers wanted to style up their Web sites making it look the
way that they wanted to and it wasn’t always pretty but the toolset that they had in order to do this
were very very limited.
And this is what it might look like if you only had aged Hamal the style your web sites and as an aside
this is a real web site and you could still visited at this you are ill.
Now in order to style up the website using pure HD M-L which is all they really had access to they had
to use HDMI tags.
For example the phone tag which you can use to change the font of the text being displayed and you can
also use things like the center tag which simply centers any element on screen.
Now in addition to that people also used attributes.
For example you can set the ones background color using the background color attribute to a particular
color hex code and that would change the H-1 to a different color.
Now the problem really comes along when you start messing around with the layout using just H.A. because
as we’ve seen in order to change our layout for our personal web site so that we can have text and images
that exist side by side we have to use tables.
And the problem with tables is that they are really really wordy.
You have to write a lot of code in order to do something very simple which is displaying that image
next to your H-1 and your paragraphs having it on the same horizontal level.
And look at how much code we had to write just to do that simple thing.
Now the other problem with tables is that its very very easy to make syntax errors and it’s very easy
to mess up if you say forgot a T.T. here you would end up with errors all over the place and it’s very
difficult to debug as well.
And also if you started getting into more complex table layouts you had to embed tables within tables
in order to get more columns more rows and more flexible layout and the whole thing just became this
horrible horrible mess.
So that’s why people started using something called Cascading Style Sheets.
And this is what’s called a style sheet or a style language in the sense that it can’t really do anything
It’s only purpose in life is to style markup language.
So for example each DML ex-MIL code and in this module we’re going to explore all the powerful things
that you can do with cascading style sheets to bring your Web site from the 90s into the current day
So enough talking let’s get started styling up our web site using CSSA.