Когда стиль непосредственно в HTML вместо CSS

Question

Я попытался найти предмет по этому вопросу, но я его не нашел, поэтому я подумал, что пойду дальше.

Мой вопрос в том, когда правильно, если в любое время, просто поместить свой стиль непосредственно в свой HTML-файл, вместо использования .css-файла.

Я имею в виду, что очень полезно использовать ваш .css-файл, когда у вас есть много вещей, которые необходимо повторить или используется на нескольких страницах. Но в моем случае у меня есть одна страница, где я собираюсь что-то придумать, что я уверен, что только на этой странице. Это ширина, высота и небольшой материал для div.

Чтобы показать вам, что я имею в виду, вот код:

<div style="margin:0px auto; width:600px;"> 
    <div style="float:left"> 
     <p class="InputFieldsText">Brugernavn</p> 
     <div class="InputFields"><input name="Text1" type="text" class="Medium" placeholder="Din e-mail adresse" /></div> 
     <p class="InputFieldsUnderText"><a href="#">Glemt dit brugernavn?</a></p> 

     <p class="InputFieldsText">Password</p> 
     <div class="InputFields"><input name="Text1" type="password" class="Medium" /></div> 
     <p class="InputFieldsUnderText"><a href="#">Glemt dit password?</a></p> 

     <input onclick="window.location='user_page.html'" class="LargeIndent" name="Submit1" type="button" value="Log ind" /> 
    </div> 
    <div style="float:left; width:172px; text-align:center">    
     <img alt="" height="128" src="images/lock.png" width="128"> 
    </div> 
</div> 

Итак, как вы можете видеть, в некоторой диве я стиль его непосредственно, вместо того, чтобы придумывать имя для моего класса и поставить на там. Я знаю, что это не неправильно делать, так как оно получится так же, если я использовал его в моем файле .css и назвал класс, но есть ли «ориентир» или что-то такое, и это не рекомендуется и т. Д. и т.д.

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

С уважением

Answer 1

Ответ довольно прост, IMO: никогда. :)

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

Answer 2

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

На мой взгляд, встроенные стили делают так, что разметка настолько захламлена, особенно с большими объявлениями стиля, которые вызывают обертывание строк.

Небольшой блок стиля внутри HTML-страницы (вместо внешнего файла) может быть приемлемым в некоторых случаях, поскольку он уменьшает количество запросов, отправленных на сервер. Обработка на стороне сервера может быть использована для выполнения этого путем чтения отдельного файла таблицы стилей и ввода стиля непосредственно на страницу. При таком подходе существует компромисс между размером страницы и количеством HTTP-запросов.

Answer 3

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

Answer 4

Хорошо, сначала сначала.Стилизация занимает некоторые порядка старшинства:

1. рядного моделирование
2. CSS в HEAD
3. импортированных CSS файлы

То есть, если конкретный элемент имеет несколько атрибутов, определенных в .css файл, то вы можете определенно переопределить их, используя встроенный CSS (<div style='...'></div>), например.

Кроме того, я полагаю, что это просто вопрос вкуса и того, как «загроможденный» (против «разделенный») вы хотите, чтобы ваш код закончился. Не забывайте, что основная цель CSS состоит в том, чтобы отделить: LOOK from STRUCTURE.

---

Мой ОБЩАЯ СТРАТЕГИЯ является:

• Используйте CSS файлы, для лучшей организации являются большие сайты, которые могут быть использованы в повторно используется в различных файлах (портативность)
• Использовать CSS в HEAD в некоторых «довольно» больших, но не слишком больших кусках кода CSS, то есть на странице.
• Используйте встроенный CSS для локальных модификаций только (в действительно небольших страниц, или для существующих спецификаций, которые я хочу изменить на месте) ...

ВЫВОД:

Во всяком случае, так как ваша основная проблема связана с встроенным CSS, вот мои 2 цента: встроенный CSS делает код легко читаемым (по крайней мере, для моего вкуса), так зачем это делать, если это необходимо?

Answer 5

Во время разработки страницы я беру eveything в тот же файл.

просто ленивый - есть таблица стилей в головной части.

Затем, когда на производстве выделяется HTML из CSS. Фактически я делаю это во время разработки, когда у них общие черты - требуется вырезание и вставка.

Answer 6

Вы всегда должны использовать внешние .css-файлы, поскольку внешние таблицы стилей позволяют изменять внешний вид и расположение всех страниц на веб-сайте, просто редактируя один файл!

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