#8: CSS Formatting

by: Chris Coyier

Nov 21 2008

Being organized and using good formatting in your CSS files can save you lots of time and frustration during your development process and especially during troubleshooting. The multi-line format makes it easy to browse attributes but makes your file vertically very long. The single-line format keeps your file vertically short which is nice for browsing selectors, but it's harder to browse attributes. You can also choose how you want to group your CSS statements. Do you do it by section, like header, content, footer? Or do you do it by types of attributes like typography and layout? Being organized, hierarchical, and using CSS shorthand will go a long way in making you a better CSS coder.

Links from video:

Running Time: 14:39

Download Video File

Subscribe to The Thread

  1. Gerald

    This is really nice:: Thanks can i get all your screen casts on a CD? that will be appreciated

    Reply ↓
  2. Mhosis

    Many thanks ! Your Videos are very helpful. It`s definitely the best CSS Website !

    Reply ↓
  3. spaceRocker

    Well, this is going to save me so much time. Thanks!

    Reply ↓
  4. Andrew

    This layout seems very similar to that used by the LessCSS (http://lesscss.org). What are your thoughts about using LessCSS for theme development?

    Reply ↓

Speak, my friend

At this moment, you have an awesome opportunity* to be the person your mother always wanted you to be: kind, helpful, and smart. Do that, and we'll give you a big ol' gold star for the day (literally).

Posting tips:
  • You can use basic HTML
  • When posting code, please turn all
    < characters into &lt;
  • If the code is multi-line, use
    <pre><code></code></pre>
Thank you,
~ The Management ~