Introduksjon til CSS3 - Del 1: Hva er det?

/2018-12-31 15:04:35/
Ayomide
/Virksomhet/

Denne artikkelen markerer den første av flere, og gir en introduksjon til den nye CSS3-standarden som er satt til å overta fra CSS2. Vi starter helt fra begynnelsen - tar deg fra å ikke engang ha hørt om CSS3, til å føle deg klar til å slå den i gang når forskjellige funksjoner begynner å bli mer adoptert.

Hva er det?

CSS3 tilbyr et stort utvalg av nye måter å skape innvirkning på designene dine med ganske mange viktige endringer. Denne første opplæringen vil gi deg en veldig grunnleggende introduksjon til de nye mulighetene som er skapt av standarden.

moduler

Utviklingen av CSS3 kommer til å bli delt opp i 'moduler'. Den gamle spesifikasjonen var rett og slett for stor og kompleks til å kunne oppdateres som en, så den er blitt delt opp i mindre biter - med nye også lagt til. Noen av disse modulene inkluderer:

Boksen-modellen
Lister modul
Presentasjon av hyperkobling
Talemodul
Bakgrunner og grenser
Teksteffekter
Layout med flere kolonner

Se hele listen over moduler

tidsskala

Flere av modulene er nå gjennomført, inkludert SVG (Scalable Vector Graphics), Media Queries og Namespaces. De andre jobbes fortsatt med.

Det er utrolig vanskelig å gi en anslått dato når nettlesere vil ta i bruk de nye funksjonene i CSS3 - noen nye bygg av Safari har allerede begynt å gjøre.

Nye funksjoner blir implementert gradvis i forskjellige nettlesere, og det kan fremdeles gå et år eller to før hver modul er bredt brukt.

Hvordan vil CSS3 påvirke meg?

Forhåpentligvis på en hovedsakelig positiv måte. CSS3 vil åpenbart være helt bakoverkompatibel, så det vil ikke være nødvendig å endre eksisterende design for å sikre at de fungerer - nettlesere vil alltid fortsette å støtte CSS2.

Hovedpåvirkningen vil være muligheten til å bruke nye velgere og egenskaper som er tilgjengelige. Disse lar deg både oppnå nye designfunksjoner (for eksempel animasjon eller graderinger), og oppnå nåværende designfunksjoner på en mye enklere måte (f.eks. Ved bruk av kolonner).

Fremtidige artikler i denne serien vil hver fokusere på en annen modul i CSS3-spesifikasjonen, og de nye funksjonene de vil bringe. Den neste forholder seg til CSS3-grenser.