Що таке css і де його використовують

Процес навчання веб-дизайну починається з питання про те, що таке CSS. Адже саме ця мова дозволяє повністю змінювати зовнішній вигляд ваших документів. Пропонуючи грамотну альтернативу застарілим тегами, які використовуються в звичайному гіпертекстовому мовою, CSS дає можливість гнучко налаштовувати всі значущі частини сторінки. Консорціум всесвітньої павутини рекомендує використовувати саме каскадні таблиці стилів для визначення дизайну веб-документів. З цієї статті ви дізнаєтеся, що таке CSS, а також де він застосовується.

Відео: Знайомство з препроцесорів CSS

визначення

CSS є абревіатурою від англійського Cascading Style Sheets, що в перекладі на російську означає "каскадні таблиці стилів". Як таким окремою мовою програмування CSS можна вважати, так як він не має значення без документів, побудованих на HTML або XHTML.

Стилі CSS нерозривно пов`язані з інтернет-сторінками. сучасна Всесвітня павутина мала б занадто тьмяний і непоказний вигляд без цих самих таблиць. Вони дозволяють вносити унікальні зміни і робити неймовірний дизайн сторінок, використовуючи досить проста мова. CSS був опублікований в 1996 році, і з тих пір має величезну популярність, адже логічної заміни цих таблиць стилів не існує. Всі файли, написані на цій мові, мають розширення .css.

Відео: Курс Основи HTML і CSS - CSS властивість float [Урок 11]

Розробники при створенні каскадних таблиць стилів намагалися якомога більше спростити роботу веб-дизайнерів. При цьому була поставлена основна мета: поділити логічну структуру документа, яка управляється за допомогою HTML або XHTML, і описати зовнішній вигляд. Каскадні таблиці стилів дозволяють змінювати шрифт, колір, фон, становище елементів, інтервали і багато іншого.

сутність

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

Відео: CSS Flexbox - синтаксис (Sass + Compass)

і змінити шрифт і колір символів, які знаходяться всередині нього. При цьому кожному такому елементу документа буде присвоєно дане властивість. Немає необхідності присвоювати значення всім тегам окремо. Можна використовувати більш широкомасштабні цілі, наприклад, відразу призначити властивість до всього документа, визначивши властивість до елементу "body". Або стилізувати окремий фрагмент через спеціальні id-ідентифікатори або селектори.

застосування

Використовувати каскадні таблиці стилів можна трьома способами:

• На рівні документа. Можна призначати коротку запис в самому тезі. Такий варіант краще застосовувати, коли немає потреби повторювати даний стиль.
• Усередині документа. Якщо у вас лише однієї сторінки сайт, то можна легко вписувати правила каскадних таблиць у верхній частині документа. В даному випадку все визначення поміщаються в тег
• Окремо. Те, заради чого і створювався даний мову. Якщо у вас є безліч сторінок або навіть сайтів, де використовується один дизайн, можна прив`язати до кожного документу один CSS-файл, який і визначатиме стиль. Прив`язка здійснюється за допомогою тега .

висновок

Питанню про те, що таке CSS, присвячуються цілі книги, проводяться семінари. І, природно, неможливо повністю розкрити цю тему в одній статті. Щоб повністю оволодіти цією мовою, потрібно витратити багато часу. Але позитивний результат буде обов`язково. Тому не соромтеся і частіше задавайтеся питанням про те, що таке CSS, а після захоплюючого вивчення ви зможете самі створювати свій стиль.