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

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

Продолжая тему Web-страниц давайте разберёмся со стилями на Web-страницах. Откуда они беруться и, как с ними бороться.

Возьмё например пустую страницу, с некоторой в ней разметкой и поместим туда некий объект и назовём его "<DIV></DIV>" - это закрывающийся тэг.

Вот примерно такой небольшой код
Вот примерно такой небольшой код

Что тут видно, авидно стандартный заголовок, далее в тэге <body> видно новые тэги, которых мы ещё не рассматривали. А это закрывающиеся тэги <DIV></DIV> и закрывающийся тэг <span></span>. Это так называемые тэги контейнеры, управление которыми предстоит стилями. Есть такое понятие в HTML-страницах, как управление разметкой HTML-страницы стилями. и сейчас в этом будем разбираться.

А как-же эта конструкция будет выглядеть на экране в браузере? Вот сейчас и посмотрим.

Размещение объектов в браузере причём тги<div> <span> невидны
Размещение объектов в браузере причём тги<div> <span> невидны

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

Как можно прикрутить стили к документу

А прикрутить стили к документу можно 3-мя способами.

1. способ - это когда прописываешь стили прямо в тэги, очень эффективно, но ни чего не разобрать в таком документе. Попробуем?

Сначала изменим что-нибудь в главном заголовке:

Добавление стилей прямо в теги
Добавление стилей прямо в теги

И, что мы получили? Это всего-лишь пример.

Немного изиенили заголовок и нижний текст взяли в рамку
Немного изиенили заголовок и нижний текст взяли в рамку

Здесь в стилях мы использовали слово "Style="" и вставили его прямо в тэг, ну правда с некоторыми атрибутами. Вот ниже.

Но так обычно не делают
Но так обычно не делают

Ещё раз, если так делать всегда, то всё будет работать отлично, но потом, если нужно будет разобраться с этим текстом, это будет очень сложно(мало-ли) что-нибудь туда дописать или убрать) такую работу придётся переделывать.

О следующем способе, как вставить стили в HTML-документ, будет рассказано в следующем номере. (Уже завтра).