Maro ireo fomba ahafahanao mampihatra ireo karazan-tsafidy CSS amin'ny tranonkala iray, anisan'izany ny takelaka ivelany ivelany na ny endri-tsoratra . Raha mampiasa takelaka ivelany ianao, izay fomba fandefasana handikana ny fijery sy ny fahatsapana ny tahirin-tsoratra HTML, iray ny fomba ampiasana @import.
Ny fitsipika @import dia ahafahanao manoratra taratasy ivelany any amin'ny rakitrao - na anaty pejy HTML na any anaty antontan-taratasy hafa CSS. Ny fandefasana karazan-tsoratra maro ho an'ny antontan-taratasy kely mifantoka kokoa (iray ho an'ny drafitra, iray ho an'ny mari-pamantarana , iray ho an'ny sary, sns.) Dia mety ho mora kokoa indraindray ny mitantana ireny rakitra ireny sy ny fomba isan-karazany entiny. Raha tianao ny hahazo izany tombontsoa izany, dia ny fampidinana ireo tahiry isan-karazany ireo no tokony hataonao mba ahafahan'izy ireo miasa ho an'ny fampisehoana ao amin'ny tranonkalanao.
Hiditra ao amin'ny HTML
Raha hampiasa ny fitsipika @import ao amin'ny HTML ianao, dia ampidiro ao amin'ny
ny rakitra::
@import url ("/ styles / default.css");
Ity kodia ity dia manafatra ity takelaka ity ho ampiasaina eto amin'ity pejy HTML ity ary afaka mitantana ny karazan-tsainao rehetra ao amin'io rakitra iray io ianao. Ny disadisa ho an'ireo styliste manan-danja toy izao dia tsy ity fomba ity dia tsy mamela ny fampidinana paradisa. Ny pejin-tranonkala dia tokony haka tranokely iray manontolo, alohan'ny handehanana mankany amin'ny ambiny amin'ny pejy, anisan'izany ny rakitra hafa rehetra ampiasainao amin'ny fampiasana ity fomba ity. Hisy vokany ratsy eo amin'ny fahombiazanao sy ny fampiasana azy. Raha jerena ny fahombiazan'ny pejy amin'ny pejy ho an'ny fahombiazan'ny vohikala amin'izao fotoana izao dia mety ho antony iray tsy tianao hampiasana @import io tsy fahampiana io.
Fomba hafa
Ho solon'ny fampiasana @import ao amin'ny HTML anao, azonao atao ny mifandray amin'ny dossier CSS toy izao:
Izany dia miara-miasa amin'ny @import amin'ny fahafahanao manantanteraka ny CSS rehetra avy amin'ny toerana iray / antontan'isa, fa ity fomba ity dia aleo kokoa amin'ny fomba fijery download. Raha mbola te-hanilika ireo karazan-karazan-tsivana samihafa ianao dia afaka manohy manao izany ary mampiasa ny fonosana @import ao amin'ny rakitra CSS tomponao. Midika izany fa ny fitehirizana ny rakitra CSS ivelany dia mbola azo amam-panafana azy tsirairay, fa hatramin'ny fanisan'izy rehetra ho an'ny master CSS, dia mihatsara ny fampisehoana.
Fampidirana ao amin'ny CSS
Ny fampiasana ny rohy ohatra etsy ambony dia mety hitondra ny "default.css" rakitra ampiasaina ao amin'ny pejinao HTML. Ao anatin'io rakitra CSS io, dia hanana endrika samihafa pejy ianao. Azonao atao ny manisy ireo endrik'izy ireo amin'ny antsipiriany ao amin'ity pejy iray ity, na azonao ampiasaina ny @import mba hanasaraka azy ireo amin'ny fitantanana mora kokoa. Indray mandeha indray, avelao holazaina fa mampiasa antoko CSS efatra izahay - iray ho an'ny layout, iray ho an'ny mariage, ary iray ho an'ny sary. Ny antontan-taratasy fahefatra dia ny file "master" anay izay ny pejy misy ny pejy (raha ohatra amin'ity ity dia "default.css"). Ao an-tampon'io tahiry CSS tompony io isika dia afaka manampy ireo fitsipika aseho etsy ambany:
@import url ('/ styles / layout.css');
@import url ('/ styles / type.css');
@import url ('/ styles / images.css');
Mariho fa ireo fitsipika ireo dia tokony ho alohan'ny votoaty hafa rehetra ao amin'ny rakitra CSS ho azy ireo hiasa. Tsy afaka manana fomba hafa CSS ianao alohan'ny hitrandrahana fitsipika!
Aorian'ireny fitsipika momba ny fandefasana entana ireny, dia azonao atao ny mampiditra ireo karazan-tsoratra CSS rehetra tianao haleha ao amin'ny takelaka fototrao. Rehefa fenoina io tahiry fototra CSS io, dia alefany aloha ireo rakitra misaraka ireo ary ampio ny toetrany amin'ny tendrony ambony. Avy eo dia hanana ny fomba hafa rehetra eo ambanin'ireto importés ireto, mamorona ny rakitra CSS manontolo izay hampiasain'ny tranonkala ho fampiratiana ny tranonkalanao. Mahazo tombony amin'ny fitantanana laha-tahiry kely sy mifantoka kokoa ianao raha mbola manana ny endrika firaketana miaraka amin'ny HTML.
Fampiasana & # 64; import amin'ny Media Queries
Zavatra iray azonao atao ny mihevitra fa manasaraka ny fangatahan'ireo media amin'ny tranonkalan'ny tranonkalan'ny mpampiasa azy ho tahiry misaraka. Satria afaka manakorontana ireo fomba fiasa ireo rehefa jerena miaraka amin'ny fitsipika hafa ao amin'ny tranonkalanao, ny fananana azy ireo ao anaty tahiry hafa dia mety ho mahafinaritra. Ny fiahiahiana amin'ity fomba ity dia satria, satria ny fitsipika @import dia tsy maintsy voalohany, midika izany fa ny fangatahanao amin'ny fampitam-baovao dia alaina mialoha ny sisa amin'ny tranonkalanao. Raha mamorona tranonkala fitadiavana finday izay mitaky fitiliana, dia mety ho olana izany. Noho izany antony izany dia soso-kevitra fa tsy manavaka ny tranonkalanao manokana ianao ary ampiasao @import mba hampidirana azy ao amin'ny tranokalanao. Eny, mety toa tombontsoa amin'ny fanaovana izany, fa ny tsy fitovian-jo kosa dia mitaky tombontsoa amin'izany.
Mila mampiasa & # 64; import?
Tsia, tsy manao izany ianao. Toerana maro no mampiseho ny endriny rehetra ao anaty rakitra iray, ary raha lehibe toy izany ilay rakitra, dia hitantana izany (izany no fomba anaovako izany amin'ny asako manokana). Raha mahita fanampiana @import ianao, dia mety ho ao anatin'ny workflow izany. Raha tsy izany dia afaka manorina tranokala ny mombamomba anao amin'ny fitsipika CSS rehetra ianao.
Fanohanana Firefox
Tena mpitsikilo efa tranainy be ny sasany amin'ireo fitsipika @import ireo, saingy tsy mety ho olana ho anao ireo browsers ireo amin'izao fotoana izao. Marina indrindra amin'izao fotoana izao fa ny fiafaràn'ny fiainana an-dàlana ho an'ireo dikan-teny taloha amin'ny Internet Explorer dia lasa. Amin'ny farany, raha manapa-kevitra ny hampiasa ny fitsipika @import ao amin'ny HTML na CSS ianao, dia tsy tokony handefa olana amin'ny alàlan'ny fanandramana an-tserasera amin'ny tranonkala blôgy raha tsy mila manana filàna hafahafa ianao hanohana ny dikan-teny efa taloha ao amin'ny IE.
Lahatsoratra niavian'i Jennifer Krynin. Edited by Jeremy Girard.