bga68 (bga68) wrote,
bga68
bga68

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

Списки 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>.

Вернуться к Оглавлению
Tags: html, img, tags, списки
Subscribe

  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 0 comments