en ru ua
 

    Оставить заявку

    Заполните все поля и отправьте заявку, после изучения деталей запроса с вами свяжется наш менеджер

    Звоните, пишите

    и мы с радостью ответим на все ваши вопросы

    Контакты:

    График работы:

    пн-пт: с 9:00 до 18:00

    Техподдержка:

    CSS

    CSS (англ. Cascading Style Sheets, «Кaскaдные таблицы стилей») — это формальный язык, который используют для хранения элементов HTML-документа: виды шрифта, размер, высоту, ширину, цвет, заливку, границы, расположение относительно других элементов и прочее. Другими словами, это язык использующийся для описания внешнего вида веб-страницы.

    Структура CSS

    В CSS используют набор правил, которые описывают, как должен выглядеть элемент HTML-документа. Правило содержит в себе селектор и блок объявлений.

    селектор {
        свойство: значение;
    }
    • Селектором называют ссылку на элемент в HTML-документе, который нужно оформить.
    • Свойством – характеристику элемента, которую требуется изменить. Например, цвет или ширину.
    • Значением называют текстовое или цифровое обозначение для выбранного свойства.

    Например, нужно установить ширину блока div равной 100%.

    div {
        width: 100%;
    }

    Подключение CSS

    Есть несколько способов, для подключения CSS.

    1. С помощью внутренней части тега и атрибута style.

    <h1 style="color:black;">This is a Black Heading</h1>

    2. Добавить тег <style> с атрибутом type=»text/css».

    <style type="text/css">
    div {
        width: 100%;
    }
    p {
        color: red;
    }
    </style>

    3. Подключить внешнюю таблицу стилей (отдельный CSS-файл).

    <link rel="stylesheet" href="ссылка на файл style.css" type="text/css"/>

    Третий вариант является рекомендуемым, так как снижает количество дублируемого кода на веб-странице и в итоге повышает скорость ее загрузки.

    См. также

    Адаптивность сайта

    Frontend

    FTP

    CMS

    jQuery