Improve your CSS code


Author Message
Unglood

Posted: 4/14/2013
Quote message 

Being an imprecise css coder, i've noticed of late that either:

a) WP has become less lax in it's css code interpretations or,
b) html doc types in Art.current require me to "tighten up" my css or,
c) latest release of FF is adhering to precise doctype/css interpretations or,
d) all of the above!

Regardless, for years i've been "sloppy" with coding my css properties and values. For example, this used to ALWAYS work for me:

p {color:red}

I first noticed in WP that the semi-colon is now de rigueur. As in :

p {color:red;}

Maybe it was the doctype html declaration, but I don't think so, as other html doctype sites work ok w/my sloppy code.

I first noticed in the latest Ver. of FF 20.1.x - whatever - weirdness with table td row/column borders. All showed ok in Chrome and IE tho'.

Anyways, after having found no answers on the web and recoding my sloppy css code - all is now displaying correctly. As in:

p {color: red;}

Spaces, semi-colons and following "best-practices" for css coding now makes all the difference.

Hope that helps some one or two.
 
sanara

Posted: 5/9/2013
Quote message 

Thanks its really nice work on CSS ... very informative