[CSS] What kind of syntax do you use? - Page 3 - Webmaster Forum

10-31-2007, 04:40 PM

#21

Jmz

Status: Member
Join date: Jun 2007
Location: Newcastle, UK
Expertise:
Software:

Posts: 245

iTrader: 7 / 100%

Jmz is on a distinguished road

I would normally write it as:

HTML Code:

.class{
selector:name;
}

Although the idea to put related selectors together is something I hadnt thought of although I think I'll use it from now on

10-31-2007, 05:00 PM

#22

LeeP

Status: Member
Join date: Jan 2007
Location: West Midlands, UK.
Expertise:
Software:

Posts: 371

iTrader: 5 / 100%

LeeP is on a distinguished road

HTML Code:

.wrapper {
          width: 600px;
}

Seemed to be easy to read like that for me.

10-31-2007, 07:26 PM

#23

Ninham

Status: Member
Join date: Aug 2007
Location: UK
Expertise:
Software:

Posts: 103

iTrader: 0 / 0%

Ninham is on a distinguished road

I would use this

Code:

#body {
  width: 100px;
  height: 100px;
}

10-31-2007, 10:16 PM

#24

Steven Fergus

Status: Hey, I'm Steven
Join date: Feb 2007
Location:
Expertise:
Software:

Posts: 1,212

iTrader: 3 / 100%

Steven Fergus is on a distinguished road

The first one.

10-31-2007, 10:19 PM

#25

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

Wildhoney: I knew some of them had names, but was either too busy to look them up, or just thought it would be more complicated than just showing them.

11-01-2007, 02:33 PM

#26

jabberwocky

Status: Member
Join date: Oct 2005
Location: Calgary, Alberta, Canada
Expertise:
Software:

Posts: 278

iTrader: 0 / 0%

jabberwocky is on a distinguished road

I have been writing css like this;

Code:

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

I also write in short hand so that helps me in keeping things tight. I usually divide groups together in the CSS document. Like putting all header elements together, like #header, #header h1, .floatleft, etc.

11-01-2007, 04:50 PM

#27

Ju5T

Status: I'm new around here
Join date: Sep 2007
Location: Lithuania
Expertise:
Software:

Posts: 11

iTrader: 0 / 0%

Ju5T is on a distinguished road

Code:

.class {
	selector: value;
       }

Whatever, I find it difficult to use this forum CODE system..

11-01-2007, 11:35 PM

#28

Purge

Status: Junior Member
Join date: Jul 2007
Location: United States
Expertise:
Software:

Posts: 90

iTrader: 1 / 100%

Purge is on a distinguished road

I usually do it like this

Code:

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

I'm pretty sure that is just the standard way that a lot of people use. :P

11-02-2007, 07:58 PM

#29

Hero

Status: Very much the flyest.
Join date: Mar 2006
Location: Belgium
Expertise:
Software:

Posts: 1,171

iTrader: 1 / 100%

Hero is on a distinguished road

Originally Posted by Andrew R

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;}

Haha, that's my code you're talking about

11-02-2007, 08:02 PM

#30

Bradlc

Status: Junior Member
Join date: Sep 2007
Location: Lancashire
Expertise:
Software:

Posts: 46

iTrader: 10 / 100%

Bradlc is on a distinguished road

Like this: :P

Code:

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