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

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

Визначення

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

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

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

Сутність

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

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

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

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

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