Uvod u CSS3 - 1. dio: Što je to?

U ovom se članku nalazi prvi od nekoliko, pruža uvod u novi CSS3 standard koji je postavljen za preuzimanje iz CSS2. Započet ćemo od samog početka - vodi vas od toga da niste ni čuli za CSS3, do osjećaja spremnosti da ga pogodite pokrećući kada razne značajke počinju postajati šire prihvaćene.

Što je?

CSS3 nudi veliku raznolikost novih načina za stvaranje utjecaja na vaše dizajne, uz nekoliko važnih promjena. Ovaj prvi vodič će vam pružiti vrlo osnovni uvod u nove mogućnosti koje stvara standard.

moduli

Razvoj CSS3-a dijelit će se na „module“. Stara specifikacija bila je jednostavno prevelika i složena da bi se mogla ažurirati kao jedna, pa je podijeljena na manje komade - dodani su i novi. Neki od ovih modula uključuju:

  • Model kutije
  • Modul liste
  • Prezentacija hiperveza
  • Govorni modul
  • Pozadina i granice
  • Tekstualni efekti
  • Izgled s više stupaca

Pogledajte cijeli popis modula

Vremenska skala

Nekoliko modula je sada dovršeno, uključujući SVG (skalabilna vektorska grafika), medijske upite i nazive prostora. Ostale se još uvijek rade.

Nevjerojatno je teško dati predviđeni datum kada će web preglednici usvojiti nove značajke CSS3 - neke nove verzije Safarija već su počele.

Nove će se značajke postupno primjenjivati ​​u različitim preglednicima, a moglo bi proći i godinu ili dvije prije nego što se svaki modul široko usvoji.

Kako će CSS3 utjecati na mene?

Nadam se, na uglavnom pozitivan način. CSS3 će očito biti potpuno kompatibilan unatrag, tako da neće biti potrebno mijenjati postojeće nacrte kako bi se osiguralo njihovo djelovanje - web preglednici će i dalje podržavati CSS2.

Glavni utjecaj imat će mogućnost korištenja novih odabirača i svojstava koja su na raspolaganju. Ovo će vam omogućiti da postignete nove značajke dizajna (na primjer animacije ili gradijente) i postignete trenutne značajke dizajna na mnogo lakši način (npr. Pomoću stupaca).

Budući članci iz ove serije usredotočit će se na različit modul CSS3 specifikacije i nove značajke koje će oni donijeti. Sljedeći se odnosi na CSS3 granice.

Ostali postovi u seriji

  • Uvod u CSS3 - 1. dio: Što je to?
  • Uvod u CSS3 - Dio 2: Granice
  • Uvod u CSS3 - Dio 3: Tekstualni efekti
  • Uvod u CSS3 - Dio 4: Korisničko sučelje
  • Uvod u CSS3 - 5. dio: Više stupaca
  • Uvod u CSS3 - Dio 6: Pozadine

© Copyright 2024 | computer06.com