Погодьтеся, оформляти HTML документи за допомогою HTML атрибутів незручно, виходить, що для кожного HTML елемента доводиться ставити свої атрибути, звичайно для оформлення HTML таблиць є теги
Хотілося б як-небудь об'єднати однотипні HTML елементи в одну групу і змінювати їх оформлення не окремо, а відразу все разом, наприклад стилі HTML заголовків або стилі для HTML списків. Вихід з цієї ситуації є - потрібно просто використовувати таблицю стилів CSS.
CSS селектори дозволяють об'єднувати оформлення декількох HTML елементів, плюси очевидні: зменшується кількість написаного коду, HTML сторінки вантажаться швидше, збільшується швидкість оформлення і зміни HTML документів. Погодьтеся, зручно змінювати стилі всіх заголовків на сторінці, просто змінивши одну або два рядки в таблиці стилів CSS.
Основні правила CSS.
Таблиця стілейCSS - це не вирішення всіх проблем, які пов'язані з оформленням HTML документів, більш того, CSS не позбавить вас від усіх труднощів оформлення, але таблиця стилів дозволяє спростити внесення змін до HTML сторінку.
Основний особливість CSS є те, що каскадна таблиця стилів дозволяє вносити зміни і застосовувати певні правила для кожного елемента сформованого браузером. Припустимо, у нас є HTML список. маркований HTML список. який формується за допомогою тегів
- і
- :
Це CSS правило дозволяє зробити текст всіх елементів
- на сторінці помаранчевим. Більш того, ми можемо поміняти колір пунктів HTML списку, просто змінивши один рядок і тепер нам не потрібен тег і його атрибути. Щоб змінити колір пунктів HTML списку, ми просто змінюємо правила CSS і все. Непогано, так?
Структура CSS правила. Синтаксис CSS. CSS значення і CSS властивість.
Тепер давайте поговоримо про сінтаксісеCSS. CSS нечутливий до регістру символів, CSS нечутливий до пробільних символів: переносам рядків, табуляції і пробілів; З усього вищесказаного випливає, - форма запису CSS правил залежить тільки від бажання розробника, наприклад:
Схожі статті