Malamalama i suiga tetele i le CSS3
O le eseesega tele i le va o le CSS2 ma le CSS3 o le CSS3 ua vaevaeina i ni vaega eseese, ua taʻua o modules. O nei taʻiala uma o loʻo faʻagasolo atu i le W3C i laʻasaga eseese o le faʻasalalauga. O lenei faagasologa ua sili atu ona faigofie mo vaega eseese o le CSS3 ina ia taliaina ma faatino i totonu o le masini e kamupani eseese.
Afai e te faʻatusatusa lenei faagasologa i le mea na tupu i le CSS2, lea na tuʻuina atu ai mea uma e avea ma se pepa e tasi ma faʻamatalaga uma o le Faʻasalalauga Faʻapitoa i totonu, ua amata ona e vaʻaia le lelei o le solia o le fautuaga i vaega laiti, taʻitasi. Talu ai ona o loʻo faʻapitoa tagata taʻitasi, o loʻo i ai le lautele o le lagolagosua i le sailiga mo CSS3 modules.
E pei o soʻo se faʻamatalaga fou ma fesuiaʻiga, ia e mautinoa e suʻe lau CSS3 itulau i le tele o suʻega ma faiga faʻaoga e pei ona e mafaia. Manatua o le sini e le o le fatufatuina o itulau uepi e foliga tutusa lava i masini uma, ae ia mautinoa o soʻo se ituaiga e te faʻaogaina, e aofia ai styles CSS3, foliga sili i totonu o le au suʻesuʻe e lagolagoina ai i latou ma ia latou toe foʻi ma le agalelei mo luga o suʻega aua.
New CSS3 Filifilia
CSS3 o loʻo ofoina atu ni auala fou e mafai ai ona e tusia tulafono a le CSS i le au filifilia fou CSS, faʻapea foi ma se sui fou, ma ni mea fou fou-elemene.
Tolu sui filifilia fou:
- Amioga amata e fetaui lelei ma le elemene [foo ^ = "pa"] O le elemene ei ai se uiga e taua o le foo e amata i le "pa" eg
- Uiga o mea faaiu tutusa tutusa elemene [foo $ = "pa"] O le elemene ei ai se uiga e taua o le foʻo e faaiʻu i le "pa" eg
- Uiga e aofia ai le elemene fetaui [foo * = "pa"] O le elemene ei ai se uiga e taʻua o le foʻo e aofia ai le manoa "pa" eg
16 pseudo-vasega fou:
- : aʻa
- Le aʻa aʻa o le pepa. I le HTML o le taimi lenei.
- : nth-child (n)
- Faaaoga lenei mea e fetaui ma elemene tonu tamaiti pe faʻaaoga fesuiaiga ina ia maua ai ni mea tutusa.
- : nth-last-child (n)
- Faʻatusatusa tonu mea elemene o loʻo faitauina mai le mea mulimuli.
- : nth-of-type (n)
- Faʻafetaui elemene elemene ma le igoa e tasi i luma atu i totonu o le pepa faʻailoga.
- : nth-last-of-type (n)
- Faʻafesoʻotaʻi elemene elemene ma le igoa lava e tasi mai le pito i lalo.
- : mulimuli-tamaitiiti
- Faatusatusa le tamaititi mulimuli a le matua.
- : muamua-o-ituaiga
- Faatusatusa le elemene muamua o lena ituaiga.
- : mulimuli-o-ituaiga
- Faatusatusa le elemene mulimuli o lena ituaiga.
- : na o le tama
- Faatusatusa le elemene na o le pau lea o le tamaititi a ona matua.
- : na o le-ituaiga
- Faʻafetaui le elemene naʻo le tasi lea o lona ituaiga.
- : leai
- Faatusatusa le elemene e leai ni fanau (e aofia ai faʻailoga tusitusi).
- : taulaiga
- Faatusatusa se elemene o le autu o le URI e faasino iai.
- : mafai
- Faatusatusa le elemene pe a mafai.
- : faʻaletonu
- Faatusatusa le elemene pe a le atoatoa.
- : siaki
- Faatusatusa le elemene pe a siakiina (leitio o le leitio po o le atigipusa).
- : leai (s)
- Faʻafetaui pe a le tutusa le elemene ma le tagata filifilia v.
Tasi le au pulega fou:
- elementA ~ elemene
- E fetaui pe a mulimuli le elemene i se mea i se tasi o elemene elementA, e le o vave loa.
Mea fou fou
O le CSS3 na faʻalauiloa mai ai foi nisi o mea fou o le CSS. O le tele o nei meatotino o le fatufatuina o ata vaaia e foliga mai o le a sili atu ona fesoʻotaʻi faʻatasi ma se ata faʻataʻitaʻi e pei o Photoshop. O nisi o nei mea, e pei o le tuaoi-po o le pusa-ata, ua leva talu mai le folasaga pe afai CSS3. O isi, pei o le flexbox poʻo le CSS Grid o ni auala fou ia e masani ona mafaufauina i faʻaopoopoga CSS3.
I le CSS3, e leʻi suia le faʻataʻitaʻiga pusa. Ae o loʻo i ai le tele o ituaiga mea fou e mafai ona fesoasoani ia te oe e faʻatino ai talaaga ma tuaoi o au pusa.
Faʻamatalaga Faʻamatalaga Ou te faia
O le faʻaaogaina o ata-ata, tulaga o le talaaga, ma sitaili-toe faia o sitaili e mafai ona e faʻamalamalamaina ni ata i lalo ifo o le tasi i totonu o le pusa. O le ata muamua lava o le vaega pito lata ane lea i le tagata faʻaogaina, ma mea nei na valiina i tua. Afai ei ai se lanu o le lanu, e valiina i lalo ifo o ata uma.
New Properties Style Style
O loʻo i ai foi ni mea fou fou i le CSS3.
- talafaʻasolopito
- O lenei meatotino o loʻo faʻamalamalama mai ai le ala e tatau ona kiliki ai le talaaga. O le faaletonu o le pusa o le tuaoi, ae e mafai ona suia i le pusa paʻu po o le pusa o mea o iai.
- talaaga-amataga
- O lenei meatotino e fuafua pe tatau ona i ai nofoaga i totonu o le pusa paʻu, pusa o le tuaoi, poʻo le pusa o loʻo i totonu.
- talaaga-tele
- O lenei meatotino e faʻatagaina ai oe e faʻaalia le tele o le ata. E mafai ai e oe ona faʻalautele ata laiti e fetaui ma le itulau.
Suiga i Mea o loʻo i ai Faʻasologa o le Fale
E i ai foi ni nai suiga i mea o loʻo iai i le taimi nei:
- talaaga-toe faia
- E lua tulaga taua fou mo lenei meatotino: avanoa ma le taamilosaga. Vaʻa avanoa le ata mafolafola i totonu o le pusa e aunoa ma le tapeina. Lata faataamilo le ata pito i tua ina ia mafai ai ona atoa le tele o taimi i totonu o le pusa.
- faʻasologa faʻasalalau
- O se tau fou "i le lotoifale" e faaopoopo ina ia mafai ai e le talafaasolo ona faasolosolo ma le mea a le elemene pe afai o lena elemene o loo i ai se pusa taai.
- talaaga
- O le talaaga o mea totino faʻapitoa e faʻaopopo i le tele ma le amataga o meatotino.
CSS3 Tuatusi Faitotoa
I le CSS3 tuaoi e mafai ona avea ma sitaili tatou te faʻaaogaina (faʻamaoni, faalua, faʻasili, ma isi) pe mafai foi ona avea ma ata. Ma le isi, CSS3 e maua ai le malosi e fatuina tulimanu. O ata lalata e malie aua ua e faia se ata o itu uma e fa ona taʻu atu lea i le CSS pe faʻapefea ona faʻaaoga lena ata i ou tuaoi.
Faʻamatalaga o le Pusa Fou
E i ai nisi o tuaoi fou i le CSS3:
- laʻau-tuaoi
- laina pito-luga-taumatau , ala-taumatau-taumatau , ala -agavale-radius , pito-luga-tauagavale-radius
- O nei meatotino e faʻatagaina oe e fatuina tulimanu taʻitasi i ou tuaoi.
- faʻailoga ala-laina
- Faʻamatala mai le faila faila o ata e faʻaaoga nai lo le faʻataʻitaʻiga o sitaili tuaoi.
- ata-ata-ata
- Faʻailoa atu i fafo mea leaga mai le pito i tua o le laina
- lautele-lautele-lautele-lautele
- Faʻamatalaina le taua o le lautele mo lou atunuʻu.
- faʻailoga o le tuaoi
- Faʻamatala mai le aofaʻi o le pito i luga o le pusa o le laina.
- faʻailoga tuaoi-faʻalautele
- Faʻamatalaina le tatau ona faʻamalo pe faʻamalosia le itu ma le vaeluaga o foliga o le tuaoi.
- ata-tuaoi
- O le mea faʻapitoa mo meatotino uma o le atunuʻu.
Isi meatotino CSS3 faaopoopo e fesoʻotaʻi ma Tua ma Faʻasalalau
A pipiʻi se pusa i se vaevaega o le itulau, vaevaega o le kiona mo le laina laina (mo elemene elemene) o le pusa-deco-break property o loʻo faʻamatala mai ai pe faapefea ona afifi pusa fou i le tuaoi ma le paʻu. E mafai ona vaevaeina faʻamatalaga i le va o pusa lapisi e faʻaaogaina ai lenei meatotino.
O loʻo i ai foʻi se atigipusa pusa-ata e mafai ona faʻaaoga e faʻaopopo ai ata e vaʻaia elemene.
Faatasi ai ma le CSS3, ua mafai nei ona e setiina se Upega Upega itulau i ni koluma e tele e aunoa ma ni laulau po o ni fausaga faapipii faigata. E na o le taʻuina atu i le masini le tele o koluma e tatau ona i ai le elemene ma le lautele e tatau ona i ai. Ma e mafai ona e faaopoopo i ai tuaoi (tulafono), lanu o le lautele lea e maualuga le maualuga o le koluma, ma o lau tusitusiga o le a tafe i luga o koluma uma lava.
CSS3 Koluma - Faʻamatala le numera ma le lautele o koluma
E tolu mea fou e mafai ai ona faʻamatalaina le numera ma le lautele o au koluma:
- koluma-lautele
- Faʻamatalaina le lautele o au koluma e tatau ona. O le a faʻafefeina e le masini le tusitusiga e faʻatumu ai le avanoa i koluma lautele.
- koluma faitau
- Faʻamatala le numera o koluma i le itulau. O le a faʻaogaina e le masini ia koluma lautele e fetaui ma le avanoa, ae naʻo le numera e te faʻamaonia.
- koluma
- Fale pupuu e mafai ona e faʻamatalaina ai le lautele poʻo le numera (poʻo uma uma, ae e seasea lava ona talafeagai).
CSS3 Kolisi Kolisi ma Tulafono
Vaʻai ma tulafono e tuʻuina i le va o koluma i le faʻafanua tutusa. Gapa o le a vavaeeseina ai koluma, ae o tulafono e le o se avanoa. Afai e sili atu le lautele o le pulega o le koluma nai lo le avanoa, o le a sopoia koluma lata ane. e lima mea fou mo tulafono o laina ma vaʻa:
- koluma-avanoa
- Faʻamatala le lautele o le va i le va o koluma.
- koluma-tulafono-lanu
- Faʻamatalaina le lanu o le tulafono.
- koluma-pule-tulafono
- Faʻamatalaina le faiga o tulafono (faʻamaoni, togi, faalua, ma isi).
- koluma-lautele-lautele
- Faʻamatala le lautele o le tulafono.
- koluma-tulafono
- O se meatotino puupuu o loʻo faʻamalamalamaina ai koluma uma e tolu o pulega pulega i le taimi e tasi.
CSS3 Tīvae o Koluma, Faʻasologa o Faʻasologa, ma le Faatumu o koluma
Lisi le motusia le faʻaogaina o CSS2 tutusa e faʻaaogaina e faʻamalamalama ai le malepe i totonu o mea o loʻo i ai, ae faʻatasi ma ni mea fou fou se tolu: faʻavave-muaʻi , malologa , ma le paʻu .
Faʻapei o laulau, e mafai ona e setiina elemene e vaʻaia ai koluma ma le koluma. O lenei mea e mafai ai e oe ona fatuina ulutala e tele ni koluma e pei o se nusipepa.
O le faatumuina o koluma e filifili ai le tele o mea o le ai ai i koluma taʻitasi. O koluma paleni taumafai e tuu le aofaiga lava o anotusi i koluma taʻitasi aʻo gaoioi e le auto ia mea i totonu seia maeʻa le koluma ona alu lea i le isi.
Isi Faʻalautelega i le CSS3 O Aren e aofia ai i le CSS2
E tele vaega faaopoopo i le CSS3 e leʻi i ai i le CSS2, e aofia ai:
- CSS Model Layout Mod module ma CSS3 Grid positioning module : Faʻatulagaina o meaʻai ma CSS.
- CSS3 Text module : Faʻamatala otooto ma faʻapipiʻi ata-faʻalelei ma le CSS.
- CSS3 Laʻu paʻu : O le taimi nei ma le opacity.
- Suiga i le faʻataʻitaʻiga pusa : Faʻatasi ai ma se mea e faʻamaonia e pei o le IE tag.
- CSS3 Atinaʻe Atinaʻe Faʻataʻitaʻi : Tuuina atu oe fou fetuu, tali i taga, o loʻo manaʻomia, ma faʻafouina elemene .
- Talosaga Faasalalauga : O fesili a le aufaasālalau e mafai ai ona sili atu lou fetuutuunai pe a faamatalaina le auala e tatau ai ona faaaoga le laupepa style. Mo se faʻataʻitaʻiga, e mafai ona e faʻamalamalamaina se pepa lanu e na o masini lima lima e sili atu i le 20m.
- CSS3 Ruby module : Tuuina atu le lagolagosua mo gagana e faʻaaoga tusitusi ruby e faʻasalalau pepa.
- CSS3 Paged Media module : Mo le tele o lagolago mo le aufaʻasalalau ua faʻafefeteina (pepa, faʻasalalauga, ma isi).
- Faʻatupulaia mea e aofia ai : Faʻasalalau faʻasolosolo ma vae, vaefaamatalaga, ma isi faʻamatalaga e faia i le polokalama, aemaise lava mo faasalalauga pagatia.
- CSS3 Polokalame tautala : Suiga i le CSS aural.