Самовчитель CSS

створення

CSS – абревіатура від Cascading Style Sheets – каскадні таблиці стилів, CSS – це проста мова для створення стилів веб-сторінки.

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

Що розуміється під стилем сторінки? Сюди входять властивості тексту (розмір, червоний рядок, міжрядковий інтервал, накреслення, шрифти, колір тощо), властивості списків та таблиць (кольори фону, маркерів тощо), взаємне розташування елементів документа та інші. Змінюючи ці властивості можна робити дивовижні речі, наприклад, працюючи зі списками, можна створювати оригінальні меню, а використовуючи позиціонування елементів можна створювати макет сайту.

Зв'язок CSS та HTML з точки зору порядку вивчення

Вивчення CSS – це наступний крок після освоєння HTML. Мова розмітки гіпертексту визначає логічну структуру веб-сторінки - визначає заголовки, абзаци, вставляє зображення, дозволяє вивести дані в табличній формі. А CSS описує зовнішній вигляд цього написаного на HTML документа.

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

Так що, якщо ви не знаєте HTML, то вивчати CSS немає сенсу.

Трохи докладніше про CSS

CSS – досить потужний інструмент для створення зовнішнього вигляду сайту. Крім того, що набір засобів CSS для створення зовнішнього вигляду сторінки потужніший ніж у HTML, технологія каскадних таблиць стилів надає більш гнучкіІнструменти для форматування зовнішнього вигляду.

У порівнянні з HTML, мова CSS більш складна, але її використання відкриває набагато ширші можливості для розробника.

Також за допомогою CSS можна один html-документ подати у різних стилях на різних екранах або пристроях. Наприклад, на моніторі дукумент матиме один вигляд, а на друк буде надіслано в іншому стилі.

Порядок вивчення CSS

Отже, у статті: "CSS - це" ви дізнаєтесь як до html-документа додати стиль CSS. Тепер потрібно починати крок за кроком освоювати цю мову програмування.

Стаття "Кольори в CSS" навчає розуміти, як керувати кольорами в CSS. Колір можна надати тексту, фону тексту, фону документа, рамкам блоків і т.д.

При написанні цього підручника CSS я намагався використати якомога більше прикладів.