Exploring clean vs. messy style sheets


show more Exploring clean vs. messy style sheets provides you with in-depth training on Web. Taught by Justin Seeley as part of the CSS: Visual Optimization show less
please wait ...

Exploring clean vs. messy style sheets

Now that we hopefully understand the importance of writing quote-unquote clean code, let's take a look at a couple of examples of clean code versus some not so clean code and why one is more readable and more useful that the other. So I've got two documents here: one is called Good CSS and one is called Bad CSS, and I'm going to take a look at both of these. We're going to explore exactly what makes one good versus the other. So I've got an opened bad.CSS here, and inside of this document you can see it's not well organized at all. I've got a header div that's declared up here, and it's written out all in one line.

Then I've got the body tag defined, and it goes line by line, but nothing is indented. Then I've got the h1, h2, h3, and p tags here all in separate lines, although they both share some common things like the color, which could have been put into a selector group. I mean, there's all different types of things that make this not readable. N...

Exploring clean vs. messy style sheets
Video duration: 3m 47s 1h 11m Beginner

Viewers:

Exploring clean vs. messy style sheets provides you with in-depth training on Web. Taught by Justin Seeley as part of the CSS: Visual Optimization

Subject:
Web
Software:
CSS
Author:
please wait ...