История на развитието на 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 вече шумно чукат на вратата. Необходимо е да отделим време за усвояване на новите неща, които ни носят!