Стандарт за css

[ystefanov]

съществува ли някакъв стандарт за разстояниятa при писане на двоеточие и точка и запетая в css?

например:

.text1 {text-indent:3; margin-bottom:10px; padding:10px 0 10px 15px; text-align:justify;}

.text1 {text-indent: 3;margin-bottom: 10px;padding: 10px 0 10px 15px; text-align: justify;}

между 2-та примера има разлика визуално няма да промени нещата, но дали е най-добрия вариант да се пишат разстоянията така както е най прегледно според нас, най вече има ли стандарт?

 

[proba]

Незнам стандарт има ли , но като съм гледал по някви free css templates обикновено техния код е нещо такова:

.text1 { text-indent: 3; margin-bottom: 10px; padding: 10px 0 10px 15px; text-align: justify; }

Има разстояние между ; и следващия параметър и има разстояние между : и да речем пикселите в твоя случай който си въвел. И разстояние или нов ред след { и преди } .
Но отново казвам незнам дали има стандарт

 

[xmmm]

И аз не знам стандарт,но просто си го прави четливо. Някои го пишат така:


[css].text1 {
text-indent:3;
margin-bottom:10px;
padding:10px 0 10px 15px;
text-align:justify;
} [/css]

Което според мен заема много място и е по-неподредено.Аз предпочитам по този начин:

[css].text1 {text-indent:3; margin-bottom:10px; padding:10px 0 10px 15px; text-align:justify;} [/css]

А относно това дали има ; по-четливо е с разтояние

 

[ystefanov]

май този вариант на един ред с разстояние най ми допада:

.text1 { text-indent: 3; margin-bottom: 10px; padding: 10px 0 10px 15px; text-align: justify; }

 

[rivo]

#div{
color:red;
}

за мен така е най-четливо

 

[adrian]

Двата, които съм виждал в повечето кодове начина са:

[css]#id { color: red; background: lime; margin: 10px 0 0; }[/css]

или

[css]
#id {
color: red;
background: lime;
margin: 10px 0 0;
}
[/css]

Друго нещо, което аз гледам да спазвам е да пиша свойствата по азбучен ред. Като единственото нещо което разваля азбучния ред е width и height също и ако използвам position, съответно, top и left гледам да следват position-a

или нещо от сорта на

[css]background
border
color
margin
padding
position
top
left
text-align
width
height[/css]

изключително много помага ако после гледаш отново кода си