Первое с чего начинается вёрстка шаблона это прописывание DOCTYPE в заголовке документа.
лучше всего использовать переходный xhtml 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
но если вы мазохист то используйте строгий
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Дальше мы определяем документ html
<html xmlns="http://www.w3.org/1999/xhtml">
подключаем метатеги, которые в движке cms dle заменены тегом "{headers}"
И следующее что мы делаем это присваиваем к нашему документу стили css. Способов добавить на страницу стили, три, вот об этих способах мы и поговорим.
Чтобы назначить стиль определённому тегу или блоку на странице нам необходим селектор. Селектор связывает определённый тег с определённым блоком стилей, и вариантов и вариаций этих селекторов достаточно много, дабы дать простор фантазии. О видах силекторов мы с вами тоже поговорим, но многие из них в этом шаблоне мы использовать не будем.
Также мы рассмотрим основные селекторы это .class и #id в чём их отличия,минусы и плюсы.
А также рассмотрим что же такое сброс css.
Онлайн(качество сильно занижено):
Все кто уснул во время урока поставьте в своём коментарии к уроку звёздочку (восьмёрка с шифтом) перед текстом
Не расстраивайтесь, в следующем уроке мы уже наконец перейдём к практике и начнём верстать шаблон, просто этими уроками я хотел ограничить круг вопросов которые могут возникнуть после курса.
А из этого урока мы вынесли вот что:
Верстать мы будем при помощи селектора .class так как не используем в этом шаблоне никаких ява скриптов и плавающих окон.
Css подключим через импорт и иногда будем использовать атрибут style.
Дополнительно:
Правила из уроков:
font-size:значение;- устанавливает размер шрифта в цифрах XX и указанием единицы длинны % - процент, px - пикселы, pt-пункты, em - высота символа (если для документа задан размер 14 писелей то 1em=14px).
Также можно выставить значение абсолютным но это неудобно и не всегда отображается как надо - и голову этим забивать не будем.
прим. font-size:10px;
width и height задают размер элемента по высоте и ширине, значение записывается цифрами с указанием единицы измерения.
прим. width:100px;
height:30%;
border:размер стиль цвет; - бордюр вокруг элемента, о бордюре мы поговорим в будущих уроках.
Пока вроде бы всё. Всем удачи и до новых уроков.
