[CSS] What kind of syntax do you use? - Webmaster Forum - Web Design, Programming and SEO forums

10-31-2007, 12:16 AM

Andrew R

Status: Request a custom title
Join date: Dec 2005
Location: Arizona
Expertise:
Software:

Posts: 5,200

iTrader: 17 / 95%

Andrew R is on a distinguished road

[CSS] What kind of syntax do you use?

In the ChatWebDev IRC channel yesterday, we were talking about our different CSS syntaxes. I'm just curious what you all use.

I'm fond of the following:

Code:

.class {
	selector: value;
}

Though, also this can work for me (not what I use):

Code:

.class {
selector: value;
}

Code:

.class
{
	selector: value;
}

or any variation between those too.

What kinds do you like? I can't stand ones that make it nearly impossible to read, and very unorganized, like this one I've seen:

Code:

.class {
selector: value;}
.class {
selector: value;}

10-31-2007, 12:26 AM

Amross

Status: Member
Join date: Jan 2007
Location:
Expertise:
Software:

Posts: 311

iTrader: 4 / 100%

Amross is on a distinguished road

I use the first one aka the one you are fond of.

10-31-2007, 12:27 AM

Anthony

Status: Sin Binner
Join date: Jul 2004
Location: Yorkshire Coast - UK
Expertise:
Software:

Posts: 5,911

iTrader: 29 / 91%

Anthony is on a distinguished road

Code:

.class {
selector: value;
}

10-31-2007, 12:41 AM

daz

Status: I love this place
Join date: Jun 2005
Location: UK
Expertise:
Software:

Posts: 562

iTrader: 5 / 100%

daz is on a distinguished road

Code:

.class {
	selector: value;
}

10-31-2007, 01:07 AM

Lee_

Status: Member
Join date: Jun 2006
Location: UK
Expertise:
Software:

Posts: 184

iTrader: 2 / 100%

Lee_ is on a distinguished road

HTML Code:

.class
{
	selector: value;
}

FTW.

10-31-2007, 01:11 AM

alefort

Status: Junior Member
Join date: Oct 2007
Location: Canada
Expertise:
Software:

Posts: 50

iTrader: 0 / 0%

alefort is on a distinguished road

I use #1 when it involves only one or two lines, I use #3 when its a large chunk of CSS. I use the same formatting rules when I code.

10-31-2007, 01:24 AM

Salathe

Status: Community Archaeologist
Join date: Jul 2004
Location: Scotland
Expertise: Software Development
Software: vim, PHP

Posts: 3,820

iTrader: 25 / 100%

Salathe will become famous soon enough

I use CSS, it's all the same syntax! As for laying out the styles, I'd have to say "none of the above".

10-31-2007, 01:36 AM

unr

Status: Member
Join date: Oct 2007
Location: Ontario
Expertise:
Software:

Posts: 371

iTrader: 4 / 100%

unr is on a distinguished road

#3, Always and forever.

10-31-2007, 01:38 AM

Gurnk

Status: Member
Join date: May 2007
Location: US
Expertise:
Software:

Posts: 380

iTrader: 12 / 100%

Gurnk is on a distinguished road

Code:

.class {
	selector:value;
}

No Space

. But basically the same thing.

10-31-2007, 02:53 AM

#10

Lance...

Status: Member
Join date: Jun 2007
Location: East Yorkshire, England
Expertise:
Software:

Posts: 112

iTrader: 1 / 100%

Lance... is on a distinguished road

Code:

.class {
	attribute: value;
        attribute: value;
        attribute: value; }

Recently I've started putting the closing bracket at the end of the last attribute, just to save that extra line. They mount up in a big script!

I also group certain attributes which are similar such as:

Code:

.class {
	height: value; width: value;
        padding: value; margin: value; }

Just seems natural to have those on the same line

Peace, Lance