Частые ошибки для разработчиков CSS избежать? [закрытый]

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

• Попытка сделать что-нибудь с CSS, когда браузер находится в режиме совместимости.
• Не использовать инструменты Firebug для просмотра макета ваших элементов и уточнения CSS.
• Создание фиксированной высоты контейнеры и не имеют дело с переполнением.
• Попытка использовать прозрачные PNG-24 в IE6. (Adobe Fireworks может создавать прозрачные PNG-8, которые работают в IE6.)
• Совсем не используются единицы измерения (очень плохо!).

Использование «0px» вместо «0». Сейчас я считаю, что неплохо разбираюсь в CSS, но все же иногда делаю это ...

Пример: « padding: 0px » вместо « padding: 0 »

Использование слишком специфичных и недостаточно общих имен классов. Например,

.redLeftNewsHeader

, а не

.header

Что произойдет, если вы решите изменить стиль своего сайта с использованием синей темы? Что произойдет, если вы захотите использовать класс для элементов, не связанных с новостями?

• Использование устройств, которые не работают с экранами с высоким разрешением
• Не используется вся ширина экрана
• Не используется таблица стилей печати, которая скрывает все, кроме содержимого, которое пользователь хочет print

Производственный код не сжимается с помощью компрессора YUI

Not setting width for floating divs.

Not cascading the styles.

The following is not good:

body { color:#ff0; }

h2 { color:#ff0; text-decoration:underline; }

This would be better

body { color:#ff0; }

h2 { text-decoration:underline; }

#ff0 will automatically be applied, if not interfered in some other style definitions.

Без учета исследователей Интернета модель сломанной коробки в режиме причуд.

Непонимание или отсутствие учета специфики селектора.

body div a.mylinkclass { }

более конкретен, чем

a.mylinkclass { }

not understanding what floats are, how to use them correctly, and how to clear them!

Неспособность понять каскад и наследование, что приводит к большому количеству повторяющегося кода.

Не проверяя кроссбраузерность при разработке.

Лучше всего выявить и исправить различия до того, как будет завершен весь сайт.

Я сбился со счета: «Мой сайт отлично выглядит в Firefox / IE / Safari, но в IE / Safari / Firefox он все испорчен. . " вопросы.

Использование CSS-хаков вместо условных комментариев при написании стилей для IE.

Эта ошибка обычно указывает на то, что объект был сохранен с помощью -retain , но освобожден с помощью CFRelease () . Если вы считаете, что это не может быть вашим объектом (и это не ужасно), вам следует открыть другой радар. Но сначала вы должны осмотреться и посмотреть, есть ли CF-объект, который вы используете -retain , тогда, возможно, вам следует использовать CFRetain () .

Остальное - это стрельба в темноте ....

Вы можете получить некоторое представление, подняв стек и посмотрев на параметры, которые передаются этим методам C ++ (или особенно auto_zone_release ). Попробуйте это в gdb, чтобы узнать, что находится в первом параметре:

p *($esp)

И посмотрите, сможете ли вы получить какое-либо представление о передаваемом объекте.

Не осознавая до года (как я), что вы можете применять более 1 класса за раз.

.Center {text-align:center}
.Disco {background: red; text-decoration: blink;}
.Highlight { font-weight: bolder;}

    <div class="Disco Center Highlight"></div>

Действительно, и он объединит их все.

Думая, что:

<div class="topMargin15"></div>

с

.topMargin15 {
    margin-top: 15px;
}

- это какое-то улучшение по сравнению с записью его непосредственно в атрибут стиля. Вы должны определить , что это такое в HTML, и , как это выглядит в CSS.

Неэффективное использование CSS-спрайтов или даже полное их использование.

Без учета вашей аудитории.

Не используется Firebug

• Непонимание (или даже знание о существовании) модели коробки

• Незнание, что такое селекторы, или как правильно их использовать

• Использование слов для обозначения цветов (не все браузеры знают все слова)

• Использование недопустимых стилей (отступы: авто например)

• Запись #ffffff вместо #fff. (Это 3 пары, которые можно сконденсировать всего на 3 отдельных значения)

• Не использовать # на шестнадцатеричных цветах

• Не проверять, не сломается ли ваша страница при использовании с увеличением 150% -200%. Старый люди / Почти слепые люди используют Интернет тоже.

• Недостаточный контраст или white-space

• Не проверяется разметка / css

• Убедитесь, что ваша страница ухудшается.

• Называя себя дизайнером CSS, вы не разрабатываете таблицу стилей, вы разработка веб-сайта путем реализации таблица стилей.

• Использование абсолютного позиционирования (это собираюсь посмотреть на чью-то пизду компьютер, где-то)

• Несоблюдение правил аккуратности и организовано. Не слушай эти веб-сайты, которые говорят вам поставить все в одной строке, потому что это экономит пропускную способность. Вы должны сохранить это как вам легче всего читать и изменить, а затем сжать, когда все готово.

• Не заключать кавычки вокруг длинного шрифта имена

Забыл, бедняга

• Забота об IE6. Каждый раз, когда вы утверждаете, что его нужно поддерживать или что люди еще не обновились, это их вина, может быть, если бы все выглядело испорченным, у них было бы больше мотивации загрузить что-то, что не является грудой дерьма. Я мог бы написать эссе на 20 страниц о том, как сильно я ненавижу IE6, и я не шучу. Однажды я написал бывшему начальнику 5-страничное эссе о том, почему IE - худший браузер для использования. Он разослал его всем своим друзьям, и теперь все они используют Firefox или Safari.

(Я ушел после того, как он сказал мне, что хочет, чтобы его веб-сайт выглядел как веб-сайт ведущей компании в отрасли. Это был отличный веб-сайт, и даже на нем была оригинальная музыкальная партитура, которая проигрывается при просмотре галерей. Он платил мне примерно 15 долларов в час (я учился в старшей школе) и позволял мне приходить на работу только 9 часов в неделю.)

Я бы сказал, неправильно использовал float и не понимал столбцов. Вы можете очень легко искалечить такие вещи (личный опыт), так что да ... float's and clear.

написание плохого HTML