HTML, CSS fundamentals

Списки

•list-style

•list-style-image

•list-style-position

list-style

•Действие:

–Задает вид маркера.

•Значения:

–disc, circle, square

–decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none

•Пример:

li {list-style:square;}

list-style-image

•Действие:

–Задает картинку как маркер.

•Значения:

–ссылка на картинку

•Пример:

UL LI {list-style-image: url(smile.gif)}

list-style-position

•Действие:

–Выбор положения маркера относительно блока строк текста.

•Значения:

–outside

–inside

•Пример:

li {list-style-position:inside;}

Курсоры

•Тег:

–Задает вид курсора при наведении мыши.

•Пример:

.myclass {cursor:hand;}

.myclass {cursor:url('путь к файлу с курсором')}

Типовые варианты дизайна

Ширина страниц

•Фиксированный дизайн

•«Резиновый» дизайн

Способы верстки

•Табличная

•Слои

•Слои в HTML5

Табличная верстка

•Простота

•Удобство создания «резиновых» макетов

•Склейка изображений

•Удобное выравнивание

•Более универсальная работа со слоями

Табличная верстка