*   >> Lese Utdanning Artikler >> education >> languages

Alt du trenger å vite om CSS3

Hva er det?

CSS3 tilbyr et stort utvalg av nye måter å skape inntrykk med dine design, med ganske mange viktige endringer.

Moduler

Utviklingen av CSS3 kommer til å bli delt opp i "moduler". Den gamle spesifikasjonen var rett og slett for stor og komplisert til å bli oppdatert som en, så det har blitt brutt ned i mindre biter - med nye også lagt til.

Noen av disse modulene er:

  • The Box Model

  • Lister Module

  • link Presentasjon

  • Tale Modul

  • bakgrunner og Borders

  • Text Effects

  • Multi-kolonne layout

    Skalaen

    Flere av modulene er nå avsluttet, inkludert SVG (Scalable Vector Graphics ), Mediespørringer og navneområder. De andre blir fortsatt jobbet på

    Det er utrolig vanskelig å gi en anslått dato for når nettlesere vil vedta de nye funksjonene i CSS3 -..

    Noen nye versjoner av Safari har allerede begynt å

    Nye funksjoner vil bli implementert gradvis i forskjellige nettlesere, og det kan fortsatt være et år eller to før hver modul er utbredt.

    Hvordan vil CSS3 påvirke meg?

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

    Den viktigste effekten vil være evnen til å bruke nye velgere og egenskaper som er tilgjengelige.

    Disse vil tillate deg å både oppnå nye designelementer (animasjon eller graderinger for eksempel), og oppnå dagens designelementer på en mye enklere måte (f.eks ved hjelp av søyler).

    Opacity erklæring setter hvordan ugjennomsiktig et element er. En opasitet verdi på 1 betyr at elementet er helt ugjennomsiktig; en opacity verdi på 0 betyr et element er ikke i det hele tatt ugjennomsiktig, dvs. helt gjennomsiktig

    div {background-color: rgb (255,0,0);. opacity: 1; }

    Webkit, Gecko og Opera nettlesere all støtte Opacity.


    RGBA erklæring lar deg sette opacity (via alfakanalen) som en del av den fargeverdi.

    div {background-color: RGBA (255,0,0,1); }

    Dette støttes i Webkit og den første alpha av Firefox 3.

    Hovedforskjellen mellom de to erklæringer er dette:

    Opacity setter opacity verdien for et element og alle sine barn

    ; RGBA setter opacity verdi bare for en enkelt erklæring.

    Anmeldelser

  • Copyright © 2008 - 2016 Lese Utdanning Artikler,https://utdanning.nmjjxx.com All rights reserved.