Історія розвитку CSS

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

Давай подивимося, як усе починалося! Для початку включимо машину часу і поринемо ненадовго в минуле.

Історична довідка

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

Вільям Тьюннікліфф (William W. Tunnicliffe) оприлюднив ідею використовувати мови розмітки в комп'ютерній обробці текстів. Його концепція GenCod вперше дозволила вирішити найважливіше завдання, відокремити вміст документа від його зовнішнього вигляду.

Вбивство президента Альєнде та прихід до влади Піночета. Підписання Паризької угоди про припинення війни та відновлення миру у В'єтнамі.

Чарльз Голдфарб (англ. Charles Goldfarb) представляємова GML (Generalized Markup Language - узагальнена мова розмітки)

Аварія на Чорнобильській АЕС Американський зонд «Вояджер-2» досяг околиць Урану. Майк Тайсон вперше став чемпіоном світу з боксу.

Розпався СРСР. Збройні сили США, Великобританії та інших країн розпочали військову операцію в Іраку «Буря в пустелі». Міхаель Шумахер дебютував у перегонах «Формула-1».

Тімоті Джон Бернерс-Лі (Timothy John Berners-Lee) використовував синтаксис SGML для створення HTML .

Нельсон Мандела стає президентом ПАР. Зареєстрований національний домен верхнього рівня для України — .ru. Тім Бернерс-Лі заснувавКонсорціум Всесвітньої павутини (W3C). Було утворено німецький рок-гурт Rammstein.

Хокон Віум Лі (норв. Håkon Wium Lie) запропонував концепціюкаскадних таблиць стилів.

Оглядова історія CSS

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

12 травня 1998 була прийнята як рекомендація W3C друга версія CSS2. У CSS2 додатково надаються такі можливості:

задавати напрямок тексту в елементі (зліва направо чи праворуч наліво);
керувати позиціонуванням елемента на сторінці;
задавати видиму область елемента та обрізати все інше;
керувати відображенням контенту, що виходить за межірозмірів елемента;
генерувати контент до і після елемента, у тому числі автоматична нумерація;
керувати зовнішнім виглядом курсору;
керувати положенням елементів по осі z (тобто можливість розташовувати один елемент поверх іншого);
показувати замість елемента пусте місце;
задавати мінімально можливі та максимально можливі розміри елемента;
вказувати відстань між осередками таблиці, або сплескувати їх;
керувати обведенням елемента: задавати її товщину, тип та колір;
вказати тип та колір для кожної межі елемента окремо;
задавати фіксовані розміри елементам таблиці;
керувати зовнішнім виглядом лапок, у які обертаються цитати;
задавати таблиці стилів для не візуальних носіїв: керувати контентом під час друку, а також задавати звукове оформлення контенту (силу, гучність голосу, довжину пауз тощо) для голосових браузерів.

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

Майбутнє, яке стало реальністю

На момент написання статті активно розробляється специфікація CSS3. Можливості, які обіцяє нам CSS3 значно перевершують попередні версії. Це і анімація, яка раніше лягала на плечі скриптів, і різні заокруглення, тіні, множинні фони та інші речі, для реалізації яких CSS2 доводилося докладати значних зусиль.

Не слід забувати, що ми живемо на порозізмін, коли двері вже голосно стукають HTML5 і CSS3. Потрібно обов'язково виділяти час, щоб освоїти щось нове, що вони нам несуть!