Fahatakarana ny fiovana lehibe amin'ny CSS3
Ny fahasamihafana lehibe eo amin'ny CSS2 sy CSS3 dia ny fizarana CSS3 ho fizarana samihafa, antsoina hoe modules. Ny tsirairay amin'ireo modules ireo dia mamakivaky ny W3C amin'ny dingana samihafa amin'ny dingan'ny fahazoan-dàlana. Ity dingana ity dia nahatonga azy ireo ho mora kokoa ho an'ny CSS3 samihafa samihafa mba ho raisina sy ampiharina amin'ny mpamorona ny mpamokatra samihafa.
Raha ampitahainao amin'ny zava-nitranga tamin'ny CSS2 ity dingana ity, izay napetraka ho toy ny antotan-taratasy tokana amin'ny fampahalalana rehetra momba ny Cascading Style ao anatin'izany, dia manomboka mahita ny tombontsoa amin'ny famakiana ny toro-hevitra ho lasa kely kokoa. Satria ny tsirairay amin'ireo modules dia miasa amin'ny tsirairay, manana hatrany ny fitaovan'ny tranokala maoderina amin'ny CSS3 modules.
Tahaka ny amin'ny fepetra vaovao sy miovaova, aoka ho azo antoka ny fizahana ny pejy CSS3 anao amin'ny ankamaroan'ny navigateur sy ny rafitra miasa araka izay azonao. Tadidio fa ny tanjona dia tsy ny mamorona pejy web izay mitovitovy mitovy amin'ny navigateur rehetra, fa mba ho azo antoka fa izay fomba rehetra ampiasainao, anisan'izany ny CSS3, dia mijery tsara ireo navigateur izay manohana azy ireo ary mihemotra ho azy ireo kokoa ho an'ireo navigateurs taloha aza.
New CSS3 Selectors
Ny CSS3 dia manolotra karazana fomba vaovao ahafahanao manoratra fitsipika CSS miaraka amin'ireo mpikirakira vaovao CSS, ary koa ny singa vaovao sy ny singa vaovao hafa.
Didy vaovao telo:
- Ny toetoetra dia manambatra ny singa tena izy [foo ^ = "bar"] Ny singa manana toetra iray antsoina hoe foo izay manomboka amin'ny "bar" ohatra.
- Ny endriny farany mamaritra ny singa tena izy [foo $ = "bar"] Ny singa manana toetra iray antsoina hoe foo izay mifarana amin'ny "bar" ohatra
- Ny attribute dia misy ny singa mifandraika [foo * = "bar"] Ny singa manana toetra iray antsoina hoe foo izay misy ny "bar" ohatra
16 pseudo-class vaovao:
- : faka
- Ny singa fototry ny rakitra. Amin'ny HTML dia izany foana.
- : nth-zaza (n)
- Ampiasao izany mba hifanaraka amin'ny singa manan-danja amin'ny ankizy na hampiasana ny fari-piainana mba hahazoana alim-borona
- : nth-farany-zaza (n)
- Diniho ny singa manan-danja an-jatony izay mifototra amin'ny farany.
- : nth-of-karazana (n)
- Amboary ny singafon-tiana miaraka amin'ny anarana mitovy alohan'ny ao anaty rakitra.
- : nth-farany-ny-karazana (n)
- Karakarao singa mitovy amin'ny mpiray tam-po aminao miaraka amin'ny anarana mitovy amin'ny farany ambany.
- : farany-zaza
- Araho ny singa farany amin'ny ankizy ao amin'ny ray aman-dreny.
- : voalohany-of-karazana
- Araho ny singa voalohany amin'ny maha-vady an'io karazana io.
- : farany-ny-karazana
- Mifanaraka amin'ny tanjon'ireo olon-droa farany amin'io karazana io.
- : ihany-zaza
- Mifanaraka amin'ny singa izay ny hany zanany amin'ny ray aman-dreniny.
- : afa-of-karazana
- Mifanila amin'ny singa izay ny iray ihany amin'ny karazana azy.
- : foana
- Mifanaraka amin'ny singa izay tsy misy ankizy (anisan'izany ny tady fanoratra).
- : kendrena
- Mitadiava singa iray izay lasibatry ny URI.
- : nanampy
- Araho ny singa rehefa navela izy.
- : sembana
- Araho ny singa rehefa kilemaina izy io.
- : avy amin'ny teny anglisy
- Araho ny singa rehefa voamarina (bokotra radio na boaty).
- : Tsy (s)
- Mifanila raha tsy mifanaraka amin'ny singa tsotra ny singa.
Iray fampifanarahana vaovao:
- elementA ~ elementB
- Mifampitaha rehefa manomboka eo amin'ny elementA ny elementB, tsy voatery avy hatrany.
New Properties
Nampidirin'i CSS3 koa ny toetra vaovao ao amin'ny CSS. Maro amin'ireo trano ireo no mamorona endrika sary izay mety hampifandray bebe kokoa amin'ny programa graphics tahaka ny Photoshop. Ny sasany amin'izy ireny, toy ny sisin-dàlana manodidina ny sisin-tany na ny aloky ny boaty, dia efa hatramin'ny fampidirana raha CSS3. Ny hafa, toy ny flexxbox na ny CSS Grid, dia endrika hafa izay matetika no heverina ho fananganana CSS3.
Amin'ny CSS3 dia tsy niova ny modelin'ny boaty. Saingy misy karazam-borona misy toetra vaovao izay afaka manampy anao hanamboatra ny fiaviana sy ny sisintanin'ny boaty.
Maro ny mombamomba ny mages
Amin'ny fampiasana ny sary-afokasoka, ny sehatra-toerana, ary ny fiaviana -haverina dia afaka mametraka endri-tsoratra maro ahafahanao misongadina etsy ambony ao anatin'ilay boaty. Ny sary voalohany dia ilay lafaingana akaiky indrindra amin'ny mpampiasa, miaraka amin'ireto sary manaraka ireto. Raha misy loko afara, dia hosodoko eo ambany ny sarin'ny sary rehetra.
New Property Style Properties
Misy ihany koa ny toetra vaovao ao amin'ny CSS3.
- lafika-Clip
- Ity trano ity dia mamaritra ny fomba tokony hikirakirana ny sary afara. Ny endri-tsoratra dia ny boaty sisika, saingy azo havaozina ao anaty boaty fonosana na boaty ao anaty vata.
- lafika-niaviany
- Io trano io dia mamaritra raha ny toerana tokony hapetraka ao amin'ny boaty fanesorana, ny boaty sisika, na ny boaty ao anaty vata.
- lafika-size
- Ity trano ity dia ahafahanao manondro ny haben'ny sary afara. Izany dia ahafahanao mamelatra sary kely kokoa mifanaraka amin'ilay pejy.
Fiovana ho an'ny fanandramana fanandramana an-tantara
Misy ihany koa fiovana vitsivitsy amin'ireo toetra efa misy:
- lafika-Avereno
- Misy sanda vaovao roa amin'ity trano ity: toerana sy manodidina. Ny toerana dia ny sary mihodina eny an-dàlambe tsy misy tapaka. Mifangaro ny sary eo afovoany mba hahafahan'izy ireo misintona imbetsaka ao anaty boaty.
- lafika-miraiki-po
- Misy sanda vaovao iray "eo an-toerana" dia ampidirina mba hivoahan'ny horonan-tsarimihetsika miaraka amin'ny votoatin'ny singa rehefa manana ny horonan-tsarimihetsika ilay singa.
- lafika
- Ny tsenan'ny sary mihintsy dia manampy amin'ny habeny sy ny tany niaviany.
CSS3 Border Properties
Ao amin'ny sisintanin'ny CSS3 dia mety ho ny fomba ampiasaintsika ho (solid, dual, tsipika, sns) na mety ho sary. Plus, ny CSS3 dia mitondra ny fahafahana mamorona kofehy boribory. Ny sary eo amin'ny sisiny dia mahaliana satria mamorona sarin'ny sisintany efatra ianao ary avy eo dia lazao amin'ny CSS ny fomba hampiharana izany sary izany eo amin'ny sisintaninao.
Fandefasana New Border Style
Misy sanda vaovao vaovao ao amin'ny CSS3:
- fari-nipoaka
- bolana-ambony-ankavanana-radius , sisin -dàlana -ambany-ankavanana, fetra -ambany-havia-faribolana , sisiny havia-ambony-havia
- Ireo trano ireo dia ahafahanao mamorona boribory boribory eo amin'ny sisintaninao.
- fari-sary-source
- Manamarina ny rakitra loharano azo ampiasaina fa tsy ny sisin-tany efa voafaritra efa voafaritra.
- fari-sary-silaka
- Asehoy ny sombin-tsoratra anatiny ao amin'ny sisin'ny sary
- fari-sary-sakany
- Mamaritra ny sandan'ny habaka ho an'ny sarin'ny sisiny.
- fari-sary-piandohana
- Manamarika ny habetsaky ny faritra misy ny sisintanim-bolana manakaiky ny faritry ny sisintany.
- fari-sary-mihinjitra
- Mamaritra ny fomba tokony hapetaka amin'ny sisiny na ny sisin-dàlana ny sisiny sy ny faritra afovoany.
- fari-sary
- Ny fananana sora-tanana ho an'ny sary rehetra momba ny sisintany.
Fananana CSS3 fanampiny mifandraika amin'ny sisintany sy ny sehatra
Rehefa rava ny boaty iray amin'ny pejin-tranonkala, ny fakana an-tsipika ho an'ny tsipika (tsipika) dia mamaritra ny fomba fametrahana ireo boaty vaovao amin'ny sisin-tany sy ny padila. Azo zaraina eo anelanelan'ny boaty maromaro maromaro ampiasaina ity trano ity.
Misy ihany koa ny fananana boaty misy aloka izay azo ampiasaina hanampiana aloka amin'ny singa boaty.
Miaraka amin'ny CSS3, afaka mametraka tranokala maimaim-poana ianao miaraka amin'ny sehatra maromaro tsy misy tabilao na rafitra marika famoronana marika. Lazao amin'ny mpizahaka fotsiny hoe firy ny tsanganana tokony hananana ny vatana sy ny halehiben'izy ireo. Plus dia azonao atao ny manisy sisintany (fitsipika), loko afara izay mamaritra ny haavon'ny tsanganana, ary ny volavolanao dia hivezivezy amin'ny alàlan'ny sehatra rehetra.
Columns CSS3 - Famaritana ny isa sy ny sakan'ny Columns
Misy toetra telo vaovao ahafahanao mamaritra ny isa sy ny sakan'ny columns anao:
- tsanganana-sakany
- Manamarina ny halavan'ny andry tokony halehanao. Ny navigateur dia mamaky ilay lahatsoratra mba hameno ny toerana misy tsanganana izay lehibe.
- tsanganana-fanisana
- Mamaritra ny isa misy ny tsanganana ao amin'ny pejy. Ny tranonkala dia mamorona tsanganana malalaka mba hidirana ao amin'ny habakabaka, fa ny isa nomarihinao ihany.
- andry
- Ny sora-tanana Shorthand izay ahafahanao mamaritra ny habeny na ny isa (na ny roa, fa mahalana loatra).
CSS3 Column Laps and Regulations
Ireo banga sy fitsipika dia napetraka eo anelanelan'ireo tsanganana ao anatin'io sehatra maro io. Ny banga dia manosika ny tsanganana, fa ny fitsipika dia tsy manangona toerana. Raha faritana mihoatra lavitra noho ny fandrika ny fitsipika miloko, dia hifanindry ny andalana manaraka. Misy ny toetra vaovao dimy ho an'ny fitsipika sy ny banga:
- tsanganana-gap
- Manamarina ny sakan'ny lavaka eo anelanelan'ny tsanganana.
- tsanganana-fitsipika-loko
- Mamaritra ny lokon'ny fitsipika.
- tsanganana-fitsipika fomba
- Mamaritra ny endriky ny fitsipika (solid, dotted, double, etc.).
- tsanganana--sakany fitsipika
- Mamaritra ny sakan'ny fitsipika.
- tsanganana-fitsipika
- Karazan-tsindrim-ponenana iray izay mamaritra ny toetra rehetra ao an-tokantrano rehetra indray mandeha.
CSS3 Mamaky ny Column, Mamakivaky Columns, ary Manangona Columns
Ny fandefasana ny tsanganana dia mampiasa ireo safidy CSS2 hafa izay ampiasaina hamaritana ny fialan-tsasatra ao anaty votoaty, saingy miaraka amin'ny toetra vaovao telo: ny fisakanana-aloha , ny fisarahana , ary ny fialana ao anatiny .
Tahaka ny tabilao, afaka mametraka singa handaminana tsanganana miaraka amin'ny fananana tranokely ianao. Izany dia ahafahanao mamorona lohateny izay maneho tsanganana maromaro kokoa toy ny gazety.
Ny fametrahana tsanganana dia manapaka ny habetsaky ny votoaty ao amin'ny tsanganana tsirairay. Ny andalan-tsi-mandanjalanja dia manandrana mametraka ny habetsaky ny votoatiny ao amin'ny tsanganana tsirairay raha toa ka fenoina ny votoatiny fotsiny ny ordinatera mandra-pahatapitry ny tsanganana ary mandeha amin'ny manaraka.
Fanatsarana bebe kokoa ao amin'ny CSS3 izay Aren & # 39; t tafiditra ao amin'ny CSS2
Misy karazana fanampiny hafa ao amin'ny CSS3 izay tsy nisy tao CSS2, anisan'izany:
- Modely ho an'ny famolavolana CSS ary CSS3 fametrahana rindrambaiko matevina: Mamorona tolotra miaraka amin'ny CSS.
- CSS3 Text modèle : Manorata lahatsoratra ary mamorona mihitsy aza ny dindo miaraka amin'ny CSS.
- Modely Color CSS3 : Ankehitriny miaraka amin'ny endrike.
- Fanovana amin'ny modelin'ny boaty : Anisan'izany ny fananana marquee izay maneho toy ny tag IE.
- Modem CSS3 User Interface : Manolotra vaovao vaovao, valim-bavaka, sehatra takiana, ary na dia ny sanda mamaritra azy aza.
- Queries media : Ny fangataham-pampahalalam-baovao dia manome fahafahana bebe kokoa ho anao rehefa mamaritra ny fomba tokony hampiasana ny taratasy fanoratana. Azonao atao, ohatra, ny mamaritra tapa-taratasy iray izay ho an'ny fitaovana mandeha amin'ny tanana izay manana fomba fijery mihoatra ny 20em.
- Modely Ruby CSS3 : Manome fanohanana ny fiteny izay mampiasa ruby texty mba hanonoana rakitra.
- CSS3 Modely Paged Media : Ho an'ny fanohanana bebe kokoa ho an'ny fampahalalam-baovao voapoizina (taratasy, transparencies, sns).
- Votoatiny natsangana : Lohapejy sy tongopeana, fanamarihana ambany pejy, ary votoaty hafa izay entina am-peo, indrindra ho an'ny media nohetezana.
- CSS3 modely amin'ny lahateny : Fiovana amin'ny CUR.