правильный (удобный, красивый) css код

Тема в разделе "Веб-дизайн", создана пользователем zek24, 23 май 2011.

Модераторы: zek24
  1. zek24

    zek24

    Moderator
    Регистр.:
    14 ноя 2009
    Сообщения:
    777
    Симпатии:
    231
    Народ, подскажите, как правильней писать css для дальнейшей его удобной правки, чтения.
    .a {sv1; sv2; sv3}
    .b {sv1; sv2; sv3}
    .c {sv1; sv2; sv3}

    или так
    .a {
    sv1;
    sv2;
    sv3}
    .b {
    sv1;
    sv2;
    sv3}
    .c {
    sv1;
    sv2;
    sv3}

    И еще не всегда получается во время написания располагать его как хочешь, а потом приходится долго пробелить и табить. Может есть для этого что-то на автомате?
    Спасибо.
     
  2. bork75

    bork75 Д☼брая собака )

    Регистр.:
    21 июн 2008
    Сообщения:
    1.449
    Симпатии:
    716
    Валидаторы на автомате правят и даже объединяют общие стили.
    http://jigsaw.w3.org/css-validator/ - Валидатор CSS
    http://www.cy-pr.com/tools/css/ - Валидатор CSS
    Лучше писать в одну строку. Привыкаешь и даже легче читать, чем построчно.
    Когда проект серьёзный, css просто километровый получается.
    Лишние пробелы - лишние байты и секунды загрузки сайта.
     
  3. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.130
    Симпатии:
    668
    http://web-standards.ru/articles/multiline-css/
     
  4. evraya

    evraya Читатель

    Заблокирован
    Регистр.:
    3 авг 2010
    Сообщения:
    251
    Симпатии:
    296

    После знакомства со Stylizer многие проблемы забываются. Быстро, удобно, красиво, формат текста указать можно как обычный так и минимизированный. Короче песня.
    http://www.skybound.ca/stylizer/videos/#workflow
     
  5. zek24

    zek24

    Moderator
    Регистр.:
    14 ноя 2009
    Сообщения:
    777
    Симпатии:
    231
    Наверное выберу однострочный вариант,с редким использованием многострочного.
    На счет валидатора - пробовал свой код проверить в первой ссылке - 5 ошибок и 20 предупреждений. Потом "оптимизировал" его по второй ссылке - итог такой же. Мне бы что-то для чисто внешнего автооформления CSS. Если к тому же и будет его оптимизировать, то просто замечательно. Сам пока пользуюсь PHPDesigner - очень доволен, но этих возможностей там не нашел.
    Прочитал, но тут субъективное мнение, а не логика, имхо.
    Будем ждать ломанную 5 версию, хотя оно больше для новичков, помоему.
     
  6. evraya

    evraya Читатель

    Заблокирован
    Регистр.:
    3 авг 2010
    Сообщения:
    251
    Симпатии:
    296
    Не скажите, все функции есть, все удобно, сохраняет нормально.
    Разве что не ясно как если несколько файлов со стилями. А так все есть и визуально очень экономит время.
     
  7. Miraage

    Miraage Angular/Laravel

    Регистр.:
    3 июн 2008
    Сообщения:
    230
    Симпатии:
    51
  8. zzzkabanzzz

    zzzkabanzzz Создатель

    Регистр.:
    15 июн 2011
    Сообщения:
    56
    Симпатии:
    4
    Впринципи по мелочам можете делать, как в варианте 2, но в серьезных проектах только вариант 1!
     
  9. antifilter

    antifilter Нарушитель

    Регистр.:
    25 сен 2007
    Сообщения:
    303
    Симпатии:
    138
    Несколько лет пользуюсь онлайн-сервисом на floele.flyspray.org