Найти тему
V07BiT.Compiles

Стили на Web-страницах, в объектах и меду объектами

Предыдущая статья

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

Это небольшой участок html-разметки верхнего уровня (Логотип, название сайта, меню сайта)
Это небольшой участок html-разметки верхнего уровня (Логотип, название сайта, меню сайта)

Как это будет выглядеть без разметки стилей? Давайте запустим её в окне браузера и посмотрим.

В браузере виден логотип (L), название сайта и список меню
В браузере виден логотип (L), название сайта и список меню

Наша зададача замутить это всё красиво при помощи стилей в html-документе. И делать это будем вторым способом.

Второй способ прописания стилей в html-документе

Берём наш редактор, в котором был прописан этот какркас, что выше и начинаем, только стили уже будут прописываться на в самих тэгах, а в блоках-тэгах - <style>...</style> Обычно их прописывают внутри тегов <head>....</head>, где-нибудь в конце, так, как там бывает очень много информации, да ещё эти стили с толку сбивают.

Кстати в самих блоках стилей можно коментировать те места, где ты скорее всего напортачил или где их можно потом подключить в определённый момент, вот так: /*Это вот такой комментарий, если что-то не так, то весь код стилей пожет сломаться*/.
  • /*Используйте обязательно только такую конструкцию*/

Мутим вторым способом, только стили уже будуд в самом html-документе в тегах <style>...</style>

Оформленные html-тэги стилями прямо в документе
Оформленные html-тэги стилями прямо в документе

Обратите внимание тэги <style>...</style> находятся между тэгами </head> и <body>

А теперь посмотрим на стилизованый результат в браузере

Вся эта красота достигается использованием стилей
Вся эта красота достигается использованием стилей

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

Продолжение следует