История на развитието на CSS

Cascading Style Sheets (CSS) е мощен механизъм, който ви позволява да опишете правилата за форматиране на HTML документ, отделяйки ги от съдържанието. CSS, като прогресивна и търсена технология, преминава през дълъг път на развитие и усъвършенстване.

Да видим как започна всичко! Първо, нека включим машината на времето и за известно време се потопим в миналото.

Историческа справка

Китай обявява успешното изпитание на първата си водородна бомба. За първи път в космоса е извършено автоматично скачване на космически кораби. Извършена е първата операция по трансплантация на сърце в историята на медицината. Строителството на Останкинската телевизионна кула, по това време най-високата сграда в света, е пред завършване.

Уилям У. Туниклиф публикува идеята за използване на маркиращи езици в компютърната текстообработка. Неговата концепция за GenCod за първи път позволи да се реши най-важната задача,да се отдели съдържанието на документа от външния му вид.

Убийството на президента Алиенде и идването на власт на Пиночет. Подписване на Парижкото споразумение за прекратяване на войната и възстановяване на мира във Виетнам.

Чарлз Голдфарб въвеждаGML (общ език за маркиране)

Аварията в Чернобил. Американската сонда "Вояджър 2" достигна околностите на Уран. Майк Тайсън за първи път стана световен шампион по бокс.

СССР се разпадна. Въоръжените сили на САЩ, Великобритания и други страни започнаха военна операция в Ирак, наречена "Пустинна буря". Михаел Шумахер направи своя дебют във Формула 1.

Тимъти Джон Бърнърс-Лий използва SGML синтаксис засъздаване на HTML.

Нелсън Мандела става президент на Южна Африка. Регистриран е националният домейн от първо ниво за България - .ru. Тим Бърнърс-Лий основаваWorld Wide Web Consortium (W3C). Създадена е немската рок група Rammstein.

Håkon Wium Lie представи концепцията заКаскадни стилови таблици.

Преглед на историята на CSS

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

На 12 май 1998 г. втората версия на CSS2 беше приета като препоръка на W3C. CSS2 допълнително предоставя следните функции:

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

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

Бъдеще, превърнало се в реалност

Към момента на писане на тази статия CSS3 спецификацията е в процес на активно разработване. Възможностите, предлагани от CSS3, са значително по-добри от предишните версии. Това включва анимация, която преди това падаше върху раменете на скриптовете, както и различни филета, сенки, множество фонове и други неща, които CSS2 трябваше да положи значителни усилия, за да внедри.

Не забравяйте, че живеем на прагапромени, когато HTML5 и CSS3 вече шумно чукат на вратата. Необходимо е да отделим време за усвояване на новите неща, които ни носят!