*   >> Læs Uddannelse artikler >> education >> languages

Alt hvad du behøver at vide om CSS3

Hvad er det?

CSS3 tilbyder et stort udvalg af nye måder at skabe en effekt med dine designs, med en hel del vigtige ændringer.

Moduler

Udviklingen af ​​CSS3 vil blive delt op i 'moduler'. Den gamle specifikation var simpelthen for stor og kompleks til at blive opdateret som én, så det er blevet brudt ned i mindre stykker - med nye også tilføjet.

Nogle af disse moduler omfatter:

  • The Box Model

  • Lister Modul

  • Hyperlink Præsentation

  • Speech Module

  • Baggrunde og Grænser

  • Tekst Effekter

  • Multi-kolonne layout

    Tidshorisont

    Flere af modulerne er nu afsluttet, herunder SVG (Scalable Vector Graphics ), Media Forespørgsler og Navnerum. De andre er stadig arbejdes på

    Det er utrolig svært at give en forventet dato, hvor webbrowsere vil vedtage de nye funktioner i CSS3 -..

    Nogle nye builds af Safari er allerede begyndt at

    Nye funktioner vil blive gennemført gradvist i forskellige browsere, og det kunne stadig være et år eller to før hvert modul er bredt vedtaget.

    Hvordan vil CSS3 påvirke mig?

    Forhåbentlig i et overvejende positivt vej. CSS3 vil naturligvis være helt bagudkompatibel, så det vil ikke være nødvendigt at ændre eksisterende design for at sikre, at de virker -. Webbrowsere vil altid fortsætte med at støtte CSS2

    Den væsentligste effekt vil være mulighed for at bruge nye vælgere og egenskaber, som er til rådighed.

    Disse vil give dig mulighed for både at opnå nye design funktioner (animation eller gradienter for eksempel), og opnå de nuværende design features i en meget nemmere måde (f.eks ved hjælp af søjler).

    Opacitet erklæringen sætter hvor uigennemsigtigt et element er. En opacitet værdi på 1 betyder, at elementet er helt uigennemsigtig; en opacitet værdi på 0 betyder et element er slet ikke uigennemsigtig, dvs helt gennemsigtige Salg

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

    Webkit, Gecko og Opera browsere al støtte Opacity.


    RGBA erklæringen kan du indstille opacitet (via Alpha kanal) som en del af farveværdi.

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

    Dette understøttes i WebKit, og den første alpha af Firefox 3.

    Den vigtigste forskel mellem de to erklæringer er dette:

    Opacitet sætter opacitet værdi for et element og alle dets børn

    ; RGBA sætter opacitet værdi kun for en enkelt erklæring.



  • Copyright © 2008 - 2016 Læs Uddannelse artikler,https://uddannelse.nmjjxx.com All rights reserved.