CSS — Базовый курс 2


86 просмотров.

Краткое описание видео: .начинаем практическую часть курса по css.данном уроке мы уже поучимся прикреплять.таблицу стилей создавать новые правила и.так далее естественно для работы нам.потребуется сайт вполне подойдет тот.сайт который мы сделали в курсе по html.поэтому запускаете сервер на набирайте.строки браузера адрес этого тест полоса.это и сейчас мы создадим новую страницу.здесь которая будет нами использовано.при изучении css открываем папку с нашим.сайтом и допустим.откроем страницу здесь index.htm альдо.открываем блокнот открыть и выберем.index.htm и открыли до.теперь можно эту страницу сразу.сохранить как новую страницу для.изучения css.поэтому мы можем сохранить допустим как.не убить нажимаем сохранить все у нас.появилась новая страница не убить теперь.мы можем ее спокойно отредактировать.здесь допустим название найти страница.изучение css.ну и так далее да здесь изменить.ключевые слова.изменить описание.далее нам нужно здесь оставить только.так body.потому что мы сюда ставим совершенно.новый текст чтобы нам не путаться с тем.что мы уже изучили в курсе по html.продам оставляем только так body.это вот эти атрибуты которые мы здесь.ему прописывали можно также убрать все у.нас готовый каркас для создания новой.страницы до куда можно вставить новый.текст.сохраняем еще раз эту страницу теперь.подготовьте какой-нибудь текст чтобы в.нем было несколько заголовков и.несколько абзацев.я возьму текст из своего мини-курса.копируем вот и вставляем его между.тегами body.вот теперь разметьте заголовки и абзацы.я соответствующими тегами и продолжайте.работать я вернусь уже после разметки и.как разметка закончена заголовок у меня.есть перк уровня дальше идут обычной.абзаце заголовок второго уровня обычной.абзацы и опять-таки заголовок второго.уровня вот таким образом вы должны.сделать примерно то же самое у себя.далее сохраняем эту страницу и проверяем.ее в браузере здесь выбираем к ней упырь.. html.вот наша страница да ну а должно быть.нечто похожее теперь можно создавать css.табличку стилей для этой страницы да и.подключать ее к этому html-документ у.и так как создать таблицу стилей очень.просто открываем также блокнот выбираем.файл мной и сохраняем этот новый файл.как таблицу стилей.сохраняем в ту же папку где у нас лежит.страничка не упасть . html и назовем.данный файл допустим style ..css нажимаем сохранить.теперь у нас таблицы стилей есть покажу.не правда нет ни одна ни одной записи да.но это не страшно теперь давайте.подключим эту таблицу стилей к нашей.html страницы для этого запустить еще.одну копию блокнота и здесь уже откроем.нашу страницу.открыть you pay html и так как подцепить.нашу таблицу стилей style.css когда на.html страницы.очень просто делается в контейнер head.то есть между этими двумя to defend в.главе документа вот и делать это с.помощью того link одинарная глинка.пишется таким образом у которого мы.должны указать.и атрибута первые то атрибута шлейф.знакомый ужином это атрибут который.указывает на место где лежит таблицы.стилей так как она лежит у нас той же.папке нам достаточно указать только ее.название ставил . css дальше нам нужно.указать тип подключаемой таблицы стиль и.тип всегда один и тот же.спишется таким образом текст слэш css.вот и последний атрибут который нужно.указать это прямо утром атрибут.указывает на то как взаимосвязаны между.собой данная страница не упечь html да и.вот это которую мы подключаем style.css.связь у них такая что оставил css.является таблицей стилей для страницы не.печь поэтому здесь должны прописать.style sheet таблица стилей вот таким.образом подключается.до улицы стильные к html документ у в.принципе все подготовку мы работе.подвели.здесь можно пока становиться и следующем.уроке уже займемся созданием новых.правил и.прописывания этих правил к нашим тегом

CSS — Базовый курс 2

Как? Вы еще не смотрели? Ну это зря...