Which is the latest version of CSS?
Welcome to this article, here we will discuss which is the latest version of CSS and besides that, I also discuss what are the advantages of using this latest version of CSS.
There are mainly three types of css1, css2, and css3.
But for our convenience we declare the CSS into 2 main types one is css2 and another is css3.
Css2 is not actually the latest version of CSS, but here we provide some details about the css2.
CSS (level 1) :
This is basically the first version of CSS. And we call this CSS version 1.
This version of CSS was generally introduced in 1996.
And this is mainly focused on CSS language and on simple visual formatting.
CSS2 :
This is the next of CSS 1 and it was released in 1998. And if you simply want to design a single web page then use this CSS, because this is very helpful to design our single web page.
But to define any code within the css2 version we have to write long types of codes.
The main disadvantage of using this css2 is that with this CSS we cannot design any attractive web page, it is mainly used to design simple web pages.
With the help of this CSS version, we can only design fonts, colors texts, etc.
CSS3 :
This is actually the updated version of CSS and in fact, it is actually the latest format. And according to my opinion, this is the best format of CSS.
There are lots of new features are introduced in the css3 version. With the help of css3, we can build attractive web pages.
We can also add some other types of features here such as motion graphics, transition effects, and visual effects. These features are not useable in the previous CSS.
FAQ:
When did CSS 3 come out? :
This is a very popular question that people have asked, and you will get various answers to this. This is actually an upgraded format of CSS and it was released in the month of June 2011.
How many CSS versions are there?:
There are so many misconceptions that css4 and css5 have launched but believe that there are only three versions of CSS are available. One is CSS level 1, the second is css2 and the current is css3. We can say that there is a lot of upgradation in the css3 version.
This article is all about the which is the latest version of CSS. And these are some of the popular questions that people have asked, and please follow our website for this kind of informational article.
CSS4 не будет… потому что он давно прошел. Встречайте «CSS8»!
Хотя мы свыклись с «вечнозеленой», безверсионной природой CSS, иногда хочется каких-то ориентиров. Всё-таки, как ни крути, CSS сегодня, когда во всех основных движках доступны гриды с CSS-переменными — совсем не то же самое, что CSS в каком-нибудь 2012-м, когда даже флексбоксы были туманным будущим. И постоянно растущий зоопарк модулей с уровнями от первого до пятого включительно — причем первые могут быть гораздо новее последних — ясности не добавляет.
Внимательные читатели нашего сайта уже знают, что с 2007 года существует периодически обновляемый документ под названием «CSS Snapshot» (т.е. «снимок» состояния CSS), c лаконичным адресом https://w3.org/TR/css. Один из его разделов называется (ни много ни мало) «Официальным определением CSS». Чем не ориентир?
Для JS у нас есть спецификация Ecma-262, которая время от времени (с 2015 г. — ежегодно) обновляет номер редакции. Раньше «версии», точнее, этапы развития JS так и определяли по номеру редакции стандарта — 5-я, или ES5, 6-я, или ES6. Потом официальное обозначение версий стандарта стало включать год (ES2015, ES2016…), но многие еще долго по привычке нумеровали их (напр. «асинхронные функции из ES7»). А чем разные редакции «официального определения CSS» — не такие же «версии стандарта»? У них тоже есть официальные обозначения по годам, но неофициально, в полушутку, никто не запрещает их нумеровать!:)
Тогда запутанная история CSS становится наглядной и более-менее логичной:
«Почти вошли» в последнее официальное определение CSS, но всё-таки еще ждут своей очереди, свойства CSS-счетчиков 3 ур., маски и контурная обрезка 1 ур., фигуры 1 ур., выделение текста 3 уровня (новые возможности text-underline и не только), CSS для речевого вывода 1 уровня (на замену так и не прижившемуся — в очередной раз! — приложению к CSS2.1), свойства для выравнивания всего из модуля выравнивания блоков 3 ур., CSS-фрагментация 3 ур., CSS-изоляция 1 ур. ( contain ), «прилипчивый» скроллинг 1 ур., медивыражения 4 уровня и каскад 4 уровня (с его новинками мы мельком знакомились в прошлом году). Все они полностью проработаны теоретически, но поддержка их браузерами еще маловата, чтобы с полным правом считать их «частью современного CSS». Но к счастью, этот недостаток быстро исправляется. Так что наверняка многое из них мы увидим в следующем официальном определении — скорее всего, CSS-2020 (или, по неофициальному порядковому номеру… «CSS8»!).
Какая нам от этого польза? На первый взгляд, особо никакой. Даже в предисловии к самим «снимкам» CSS сказано, что они нацелены в первую очередь на разработчиков браузеров, а не на веб-разработчиков, и отражают «готовность» самих фич, а не их поддержку на практике. Для нас по-прежнему куда важнее старый добрый CanIUse.
Но всё-таки, на мой взгляд, тому, кто хочет стать выдающимся фронтенд-разработчиком, полезно иметь представление об общей картине современного CSS как целого, хотя бы в таком «несерьезном» виде. Чтобы лучше понимать, когда пора писать багрепорты в браузеры, а когда еще рано, и как в одной спецификации может уживаться совсем сырое и совсем готовое (как в тех же селекторах 4 уровня).
Ну и чисто психологически, «Я знаю CSS3» уже давно звучит не круто и футуристично, а скучно и буднично, а то и вообще архаично. А вот «Я знаю CSS8» (и тем более «Я знаю CSS-2020») — совсем другое дело! :). Особенно если вы, как постоянные читатели нашего сайта, знакомы с этим CSS-2020 заранее, еще до его появления;)
P.S. Это тоже может быть интересно:
Если вам понравилась статья, поделитесь ей!