2011-05-02 68 views
1

我知道,通常,你幾乎寫的是這樣的:CSS語法問題

.Something { 
other: thing; 
} 

等,但,是不是確定的,而不是之後有空間「:」有一個新的生產線,如以下?

.Something { 
background-color: 
#161616; 
} 

對於其他事情,這樣的事情?

.Something { 
padding: 
5px, 
2px, 
2px, 
13px; 
} 

我只是真的厭倦了在一行上亂用所有東西,只是想知道這是否在語法上有效?我現在仍在閱讀W3C的網頁(http://www.w3.org/TR/css3-syntax/),但仍未找到答案。任何幫助是極大的讚賞!

謝謝

+1

你可以打破它變成填充左,填充右等,我通常看到Chrome的開發者工具,表明這種方式,即使它不是這樣寫的。 – 2011-05-02 07:26:55

+1

謝謝@James K--我曾經見過,但我想我太懶惰了。 +1雖然:) – 2011-05-02 07:29:26

+1

'padding'就是一個不好的例子。你應該保持這一切在一條線上。也許如果你在談論更長的東西,我可以看到爲什麼你想要幾行換行:http://leaverou.me/css3patterns/(當然,*裏面有換行符) – thirtydot 2011-05-02 07:36:49

回答

8

CSS完全是無知的空白,格式化,請你:)

(換句話說,是的,是的。)

+0

謝謝你@lpd!我會接受這個答案,當它讓我大聲笑(11分鐘)。 – 2011-05-02 07:28:42

+0

乾杯隊友:-) – lpd 2011-05-02 07:32:07

+1

也就是說,如果在部署之前進行微調,這是很好的做法。 – 2011-05-02 08:11:22

5

CSS沒有顯著的空白。

但是,您的最後一個塊不應該有逗號。

.Something { 
padding: 
5px 
2px 
2px 
13px; 
} 

這會奏效。

+1

逗號上的好點,忽略它們 – lpd 2011-05-02 07:31:53

+0

謝謝!我是一個C#人,主要是因爲分離值時只是逗號的習慣。好點 – 2011-05-02 07:33:48

1

你可以這樣使用。

.Something { 
background-color: 
#161616; 
} 

這是合理正確的,它爲我工作。我以前就是這樣用的。

而且你爲什麼把「」爲第二個像下面

.Something { 
padding: 
5px, 
2px, 
2px, 
13px; 
} 

的「」不應該使用單獨的值。您可以改用空格。

在這兩種情況下的唯一的事情是應該用分號結束