Почему встроенные стили обескуражены?

Question

Как мы все знаем, что потрясающие программисты используют StackOverflow. Использование StackOverflow в качестве доказательства говорит о том, что встроенные стили обескуражены. Почему это так? Пожалуйста, объясни.

Они просто разрушают каскад? Нет? Тогда что они делают?

Спасибо :)

Answer 1

Существуют как технические причины, так и вопросы мнений/подхода/стиля/парадигмы. Основная техническая причина заключается в том, что если вы используете один и тот же стиль в двух или более местах на своих страницах, то один и тот же встроенный CSS-код должен существовать более чем в одной копии. Это, в свою очередь, сделало бы техническое обслуживание, особенно изменение стиля, существенно сложнее. У этого были бы другие, в основном очевидные недостатки.

В основном вы не устанавливаете стили для отдельных элементов, а скорее для типов элементов или классов или иным образом для нескольких элементов. И даже если у вас есть, скажем, только один элемент h1 на странице, определенный определенным образом, у вас, вероятно, есть такой элемент на нескольких страницах и, как правило, вы хотите использовать один и тот же стиль (или, может быть, тот же базовый стиль и некоторые параметры, расширения страницы). Иногда вы хотите стилизовать отдельный элемент, но по-прежнему можно вообразить, что позже вы захотите использовать тот же стиль для другого элемента. Использование внешней таблицы стилей и, например, a class атрибут затем делает его очень простым для повторного использования стиля.

Однако, если эти проблемы не применяются (как правило, они это делают), тогда нет твердой технической причины для использования встроенного стиля.Когда вы указываете настройки стиля для невидимого элемента, не ожидая повторного использования этих параметров, тогда атрибут style на самом деле более удобен и компактнее для записи и чтения. Сравните <p style="color: red">text</p> с <p id="foobar">text</p> вместе с #foobar { color: red; background: white } в другом файле.

Но в гораздо более типичном случае вам было бы более удобно писать, скажем, <p class="warning">text/p> и .warning { color: red; background: white } в другом файле.

Answer 2

Они

1. Отдельные проблемы.
2. Улучшение удобочитаемости/доступности.
3. Сделайте файлы html меньше.

Answer 3

Я был идентифицирован сильфонные причины

1. Вы не можете повторно использовать стили в другом месте.

2. Разметка html страницы становится громоздкой, и ее трудно разобрать для невооруженного глаза.

3. Поскольку они не хранятся в одном месте, они жестки, чтобы быть отредактированы

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

5. Это не дает вам преимущество в кеше браузера. Файлы будут повторно загружаться клиентом по каждому запросу. Вместо этого рассмотрите использование внешних таблиц стилей.

6. Inline-стили имеют приоритет перед объявлениями стиля на уровне страницы и внешними таблицами стилей. Таким образом, вы можете случайно переопределить стили, которые вы не предполагали.

7. Невозможно создать псевдоэлементы и классы со встроенными стилями. Например, с внешними и внутренними таблицами стилей вы можете настроить цвет посещенных, зависающих, активных и связанных элементов привязки.