Въведение в CSS3 - Част 1: Какво е това?

/2018-12-31 15:04:35/
Ayomide
/Бизнес/

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

Какво е?

CSS3 предлага огромно разнообразие от нови начини за създаване на въздействие с вашите дизайни, с доста важни промени. Този първи урок ще ви даде много основно запознаване с новите възможности, създадени от стандарта.

модули

Разработката на CSS3 ще бъде разделена на „модули“. Старата спецификация беше просто твърде голяма и сложна, за да бъде актуализирана като такава, така че беше разбита на по-малки парчета - добавени бяха и нови. Някои от тези модули включват:

Моделът на кутията
Списъчен модул
Презентация на хипервръзка
Речев модул
Фонове и граници
Текстови ефекти
Многоколонно оформление

Вижте пълния списък с модули

времева

Вече са завършени няколко от модулите, включително SVG (Scalable Vector Graphics), Media Queries и Namespaces. Останалите все още се работи.

Невероятно е трудно да се даде прогнозна дата, когато уеб браузърите ще приемат новите функции на CSS3 - някои нови компилации на Safari вече са започнали.

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

Как CSS3 ще ми повлияе?

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

Основното въздействие ще бъде възможността да се използват нови селектори и свойства, които са на разположение. Те ще ви позволят да постигнете нови дизайнерски функции (например анимация или градиенти) и да постигнете текущите функции на дизайна по много по-лесен начин (например, като използвате колони).

Бъдещите статии от тази поредица ще се фокусират върху различен модул от спецификацията CSS3 и новите функции, които ще внесат. Следващият се отнася до CSS3 границите.