Продолжая вчерашнюю статью было начато рассуждение куда можно вставить стили в html-документ и мы обратили внимание, что стили вставляются прямо в тэг и выяснили, что это не самый удачный способ, правда если такой документ больше никогда не плантруется менять.
Как это будет выглядеть без разметки стилей? Давайте запустим её в окне браузера и посмотрим.
Наша зададача замутить это всё красиво при помощи стилей в html-документе. И делать это будем вторым способом.
Второй способ прописания стилей в html-документе
Берём наш редактор, в котором был прописан этот какркас, что выше и начинаем, только стили уже будут прописываться на в самих тэгах, а в блоках-тэгах - <style>...</style> Обычно их прописывают внутри тегов <head>....</head>, где-нибудь в конце, так, как там бывает очень много информации, да ещё эти стили с толку сбивают.
Кстати в самих блоках стилей можно коментировать те места, где ты скорее всего напортачил или где их можно потом подключить в определённый момент, вот так: /*Это вот такой комментарий, если что-то не так, то весь код стилей пожет сломаться*/.
- /*Используйте обязательно только такую конструкцию*/
Мутим вторым способом, только стили уже будуд в самом html-документе в тегах <style>...</style>
Обратите внимание тэги <style>...</style> находятся между тэгами </head> и <body>
А теперь посмотрим на стилизованый результат в браузере
Конечно это всё будет работать на сайтах и когда стили в самих тэгах, и когда стили расписаны в самом документе, но представте, что если документ большой и занимает целый километр длины, то и стили могут занять длину в полтора километра, а ещё туда в этот документ нужно засунуть ещё кое-что, типа ява-скриптов, и другой всячины. Поэтому лучше делать подругому, по какому, я вам расскажу завтра.
Продолжение следует