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

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

Какво е?

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

модули

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

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

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

времева

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

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

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

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

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

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

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

Други публикации от поредицата

  • Въведение в CSS3 - Част 1: Какво е това?
  • Въведение в CSS3 - Част 2: Граници
  • Въведение в CSS3 - Част 3: Текстови ефекти
  • Въведение в CSS3 - Част 4: Потребителски интерфейс
  • Въведение в CSS3 - Част 5: Множество колони
  • Въведение в CSS3 - Част 6: Фонове

© Copyright 2021 | computer06.com