*   >> lukeminen koulutus Artikkelit >> education >> languages

Kaikki mitä sinun tarvitsee tietää CSS3

Mikä on se?

CSS3 tarjoaa valtavasti erilaisia ​​uusia tapoja luoda vaikutus kanssa malleja, melko vähän merkittäviä muutoksia.

moduulit

kehitys CSS3 aiotaan jaettu "moduulit". Vanha määrittely oli yksinkertaisesti liian suuri ja monimutkainen päivitetään yksi, joten se on jaoteltu pienempiin osiin - uusilla lisäsi.

Jotkut näistä moduulit ovat:

  • Box Malli

  • Listat Moduuli

  • Hyperlinkki Esittely

  • Puhe Moduuli

  • Taustat ja rajojen

  • Tekstitehosteet

  • Multi-sarakkeen asettelun

    Aikataulu

    Useat moduulit on nyt saatu päätökseen, mukaan lukien SVG (Scalable Vector Graphics ), Media Kyselyt ja Nimiavaruudet. Toiset työstetään yhä, kun.

    Se on uskomattoman vaikea antaa ennustetaan jolloin selaimet hyväksyvät uusia CSS3 - uusia rakentaa Safari ovat jo alkaneet.


    Uusia ominaisuuksia toteutetaan asteittain eri selaimissa, ja se voi silti olla vuosi tai kaksi ennen jokaista moduuli on laajalti hyväksytty.

    Miten CSS3 vaikuttaa minuun?

    Toivottavasti vuonna pääosin positiivisia tapa. CSS3 on luonnollisesti täysin taaksepäin yhteensopiva, joten se ei ole tarpeen muuttaa olemassa olevia malleja, jotta ne toimivat - selaimet aina jatkossakin tukea CSS2.

    Tärkein vaikutus on kyky käyttää valitsimia ja ominaisuuksia, jotka ovat saatavilla.

    Niiden avulla voit sekä saavuttaa uusien ominaisuuksien (animaatio tai kaltevuudet esimerkiksi), ja saavuttaa nykyisen mallin ominaisuuksia paljon helpompaa (esimerkiksi käyttämällä sarakkeita).

    peittävyys julistuksessa asetetaan kuinka läpinäkymätön elementti on. Peittävyyttä arvo 1 tarkoittaa elementti on täysin läpinäkymätön; peittävyyttä arvo 0 tarkoittaa, osa ei ole lainkaan läpinäkymätön, eli täysin läpinäkyvä.

    div {background-color: rgb (255,0,0); peittävyyttä: 1; }

    WebKit, Gecko ja Opera-selaimissa kaikki tuen peittävyys.


    RGBA ilmoitus voit asettaa peittävyyden (kautta Alpha kanava) osana väriarvon.

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

    Tätä tukee WebKit ja ensimmäinen alfa Firefox 3.

    Keskeinen ero kaksi julkilausumaa on tämä:

    Peittävyys asettaa peittävyyden arvo elementin ja kaikki sen lapset

    ; RGBA asettaa peittävyysarvo vain yhden ilmoituksen.



  • Copyright © 2008 - 2016 lukeminen koulutus Artikkelit,https://koulutus.nmjjxx.com All rights reserved.