en ru ua
 

    Залишити заявку

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

    Телефонуйте, пишіть

    і ми з радістю відповімо на всі ваші запитання

    Контакти:

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

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

    Техпідтримка:

    CSS

    CSS (англ. Cascading Style Sheets, «Каскадні таблиці стилів») — це формальна мова, яку використовують для зберігання елементів 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