HTML. CSS Ultimate. Нотатки по CSS – вивчаємо разом

[bga68comp]

Списки HTML

У HTML є три типи списків:
◾ Невпорядкований список – використовується для об’єднання в групу безлічі пов’язаних об’єктів без певного порядку.
◾ Впорядкований список – використовується для об’єднання в групу безлічі пов’язаних об’єктів у певному порядку.
◾ Список визначень – використовується для виведення пар ім’я/значення, таких як терміни та їх визначення, або час і події.

Как сделать горизонтальное меню с наклоном?

<style>
   li {
    display: inline-block; /* Строчно-блочные элементы */
    background: #CA181A; /* Цвет фона */
    margin-right: 3px; /* Расстояние между пунктами меню */
    -webkit-transform: skewX(-30deg); /* Для Safari и Chrome */
    -moz-transform: skewX(-30deg); /* Для Firefox */
    -o-transform: skewX(-30deg); /* Для Opera */
    -ms-transform: skewX(-30deg); /* Для IE */
    transform: skewX(-30deg); /* CSS3 */
   }
   a {
    color: #fff; /* Цвет ссылок */
    display: block; /* Блочный элемент */
    padding: 5px 15px; /* Поля вокруг текста */
    text-decoration: none; /* Убираем подчёркивание */
    -webkit-transform: skewX(30deg); /* Для Safari и Chrome */
    -moz-transform: skewX(30deg); /* Для Firefox */
    -o-transform: skewX(30deg); /* Для Opera */
    -ms-transform: skewX(30deg); /* Для IE */
    transform: skewX(30deg); /* CSS3 */
   }
   li:hover {
    background: #333; /* Цвет фона при наведении курсора мыши */
   }
   </style>

• Джокер


• Пазузу


• Палпатин


• Доктор Дум

Атрибут align

Использование этого атрибута осуждается спецификацией HTML, валидный код получается только при использовании переходного <!DOCTYPE>.

Вернуться к Оглавлению