Встроенные стили против стилей в CSS

Question

Я знаю, что лучше всего размещать все ваши стили в файле CSS, так как они намного аккуратнее.

Но разве это ДЕЙСТВИТЕЛЬНО имеет значение, являются ли стили встроенными или в CSS ?????

Изменить ниже

Мой план состоит в том, чтобы просто разместить стили в моей MasterPage, и все другие страницы будут использовать MasterPage .... Я считаю, что правильный термин не "INLINE", а Embedded ???

Answer 1

Несколько мыслей от человека с опытом, а не «пуристом»:

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

Если определенные стили являются специфическими для страницы, а не используются глобально, более удобно поддерживать их в теге стиля внутри тега head.

Глубокие иерархии наследования CSS также не поддерживаются.Это намного, намного хуже, чем встроенные стили!Сам язык CSS плохо справляется с применением стилей ко многим элементам в более сложных структурах.Рассматривайте lesscss, sass или даже jQuery для более чем простого применения стилей.

Многие разработчики используют HTML для презентации, в основном DIV, когда они думают, что поступают правильно или читают лекции другим.Пример выше!

Answer 2

Использование встроенного CSS:

• Повторите то же правило для каждого элемента на странице.
• Дополнительный код и больший размер файла для передачи клиенту.
• Сложнее в обслуживании, предположим, что вы хотите изменить ширину до 200px, вам нужно будет пройти по всей странице и отредактировать одну за другой.

inline:

<div style="width:100px; height:100px;"></div>
<div style="width:100px; height:100px;"></div>

внешний ИЛИ помещает классы CSS в заголовок [встроенный стиль]:

<div class="big"></div>
<div class="big"></div>

Исходя из ваших правок: это не встроенный CSS, как в моем примере выше, это та же идея, что и при использовании внешнего файла, поэтому, если вы хотите сделать это дальше, это то же самое.

Answer 3

Это важно, потому что ваш код становится очень трудно поддерживать или обновлять, если вы используете встроенные стили. Сохранение ваших стилей в тегах стилей или в отдельных файлах CSS позволяет соблюдать Не повторяйте себя , что, вероятно, является наиболее важным принципом разработки.

При этом, если вы абсолютно уверены , что часть стиля уникальна для данного элемента, а также что его не нужно настраивать, вы можете свободно использовать inline моделирование. Я иногда использую встроенный стиль для одноразового кода и для таких вещей, как целевые страницы (как только они сделаны, они сделаны).

Answer 4

Хранение стилей в одном документе поможет вам контролировать весь ваш проект. Кроме того, меньше кода для поддержки и применения изменений.

Answer 5

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

Answer 6

Нет, но вносить изменения в css намного проще, если вам нужно искать только одно место вместо всех ваших заголовков / inline

Еще одна вещь, ваша разметка выглядит чище, если у вас нет встроенного eny css / javascript

Answer 7

@ Этьен, у этого способа есть один недостаток: если вы хотите развернуть какие-либо изменения в рабочей среде, вы делаете сборку и запускаете ее.

Если вы поддерживаете все как css, вы можете просто нажать изменения файла css и сделать недействительным кэш балансировки нагрузки.

Я подумал, что это хороший момент для упоминания.

Answer 8

Есть несколько причин избегать встроенного CSS.

1) Техническое обслуживание, легче вносить изменения в код, где все CSS отделены от самой разметки. Это также делает код более читабельным, так как отказ от большого количества встроенных CSS дает меньше кода.

<div class='test'></div>

легче для глаз, чем:

<div style='background:yellow;width:10000px;height:10px;position:absolute;top:10003px;left:132032px;'></div>

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

2) Производительность, CSS-файлы могут быть сжаты, делая для меньшей загрузки. Браузеру также легче обрабатывать, когда в качестве файлов используются js и css.

3) Соблюдение лучших практик. Некоторый другой плохой разработчик может захотеть отредактировать ваш код позже, и он будет рад, если вы будете держаться подальше от встроенного CSS.

Теперь, конечно, вы также можете использовать CSS в заголовке документа, но зачем делать ваши файлы больше, чем они должны быть? Больше кода в том же файле делает больше беспорядка. И вы не можете сжечь это, если вы делаете.

Answer 9

Вы имеете в виду помещать ваши стили в элемент with или прикреплять их как 'style = "x" к вашему элементу?

Answer 10

Это намного проще в обслуживании ... действительно ли это зависит от того, что вы думаете, что важно ... почему бы вам не использовать файл CSS?