reading css

[findtim]

how do people like to read thier css? this is my WP sites.

like this:

#nav li a{ color:#fff; display:block; font-size:18px; font-weight:bold; margin:0; padding:8px 18px; position:relative; text-decoration:none}

or this:

#nav li a{
color:#fff;
display:block;
font-size:18px;
font-weight:bold;
margin:0;
padding:8px 18px;
position:relative;
text-decoration:none
}


any other ways?

and also i find if i cut and paste the css out, then put it back in i end up with row gaps, anyone know a quick way to fix that? i've tried a few with no luck.
eg:
#nav li a{


color:#fff;


display:block;


font-size:18px;


font-weight:bold;


margin:0;


padding:8px 18px;


position:relative;


text-decoration:none


}

 

[johno69]

Obviously your second way is nicer to read.

Wordpress has a bad habit of adding blank lines in many files.

If you use Dreamweaver there's a tool that fixes it with one click.

You should really minify the code really anyway. Can't say I do though.

 

[Joel]

Obviously your second way is nicer to read.

I actually prefer the single line and always have. Not sure why but I find it easier to read.

 

[FirstPageResults]

I prefer single line too. I like to indent the non minified code:

ul {}
  ul li { }
     ul li a { }

And then minify before deployment.

Some IDEs can reformat your code to you liking when you paste, which is handy for those with code OCD!

 

[findtim]

indenting: i use to do that in dreamweaver but can't be bother in WP

tim