ПРОБЕЛЫ. ГДЕ и ЗАЧЕМ?

[kitenok888]

Здравствуйте!

Смотрю сохраненный шаблон через Notepad – строчки в некоторых местах съехали.

#searchform #s{

height: 17px;

width: 148px;

margin: 6px 5px 0px 10px;

padding: 3px 7px 2px 5px;

color: #999999;

border: none;

}

На сайте смотрю код шаблона - все нормально.

С чем это связано?

Может отредактировать шаблон в Notepad, а потом заново загрузить на сайт?

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

Нужны эти пробелы?

Сайт и так работает. В некоторых местах можно такое наблюдать, без сдвигов слева:

Селекторы то разделены пустой строкой, то нет.

#searchform #searchsubmit {

height: 24px;

width: 24px;

border: none;

text-indent: -999%;

line-height: 1px;

margin-top: 6px;

cursor: pointer;

}

3. Здесь вообще куча пробелов!?

</div>

</div>

<div id='wrap'>

<div id='outer-wrapper'>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>

В справочнике я не вижу, где эти пробелы нужно ставить и зачем. Подскажите.

[NeoXidizer]

просто для удобства, создают визуальную иерархию, например:

<div>
    <div>
        <h1></h1>
    </div>
</div>

на работу сайта это никак влиять не может.

[Modestes]

Это называется "Читабельность кода" т.е это для того чтобы было легче найти нужную часть кода.

Красивее и читабельней выглядит код:
<div>
    <div>
        текст.....
    </div>

    <div>
        текст.....
    </div>
</div>

Чем:

<div><div>текст.....</div><div>текст.....</div></div>

и то, этот пример еще можно прочесть но на практике кода то больше )

вот почитай

[kitenok888]

Спасибо.

Вот в статье написано - "Разделяйте блоки и области видимости пустыми строками;"

Одной пустой строки будет достаточно, к примеру между-

</div>

<div id='wrap'>

У меня в шаблоне куча таких пустых строк. Это не утежеляет шаблон?

Edited May 31, 2012 by kitenok888

[Modestes]

не парьтесь вы с этими пробелами.

лучше думайте над тем как написать красивый семантичный код.