Cichy Fragles

skocz do treści

Formatowanie CSS – zagadka

Dodane: 10 lipca 2008, w kategorii: Net, Techblog

Kwestia, która mnie nurtuje od jakiegoś czasu – dlaczego wszyscy (no dobra, prawie wszyscy) formatują kod CSS tak:

.something
{
    width: 100px;
    height: 30px;
    border: 2px solid #ABC;
}

.something a
{
    text-transform: uppercase;
    color: #666;
}

.somethingElse
{
    float: left;
    clear: both;
    display: block;
    padding: 5px;
}

…a nie tak?

.something { width: 100px; height: 30px; border: 2px solid #ABC; }
.something a { text-transform: uppercase; color: #666; }

.somethingElse { float: left; clear: both; display: block; padding: 5px; }

Jakoś nie przychodzi mi do głowy żadna odpowiedź, poza „no bo przecież wszyscy tak robią”. Wyższość drugiego sposobu wydaje mi się bowiem oczywista – kilkakrotna różnica w liczbie zajętych linijek (w powyższym przykładzie cztery zamiast dwudziestu) to nie w kij dmuchał, a chyba mało kto lubi mieć kod rozciągnięty na dziesięć ekranów, gdy można go praktycznie bez straty dla czytelności zmieścić na dwóch. Oczywiście „zwinięty” kod wymaga przyjęcia jakiejś ustalonej kolejności znaczników, żeby je łatwo znajdować wzrokiem, ale odrobina wewnętrznej dyscypliny to chyba nie taki wielki problem.

OK, rozumiem, że niektórym (a może nawet większości) mimo wszystko wygodniej mieć każdy znacznik w osobnej linijce – ale żeby ci „niektórzy” stanowili 99% webmasterów? Tego jakoś nie kumam.

Potrafi mi to ktoś wytłumaczyć?

 

Podobne wpisy

Komentarze

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Formatowanie tekstu:
W zależności od wybranego formatu możesz używać podstawowych tagów HTML (np. <a>, <i>, <b>, <blockquote>) lub ich odpowiedników w Markdown.