Ny fijery sy ny fahatsapana, na ny "endriky" tranonkala dia asongadin'ny CSS (Cascading Style Sheets). Ity ny rakitra iray izay hampidirinao ao amin'ny tranokalan'ny tranonkalanao izay ahitana ny fitsipika CSS isan-karazany mamorona ny endrika sy ny fametrahana ny pejyo.
Na dia afaka mampiasa ny tranonkala aza izy ireo, ary matetika dia manao, mampiasa taratasy maromaro maromaro, tsy ilaina ny manao izany. Afaka mametraka ny fitsipika CSS rehetra ao anaty rakitra iray ianao, ary misy tokoa ny tombontsoa amin'ny fanaovana izany, anisan'izany ny haingam-pandeha haingana sy ny fahombiazan'ny pejy satria tsy mila maka doka maromaro. Na dia be dia be aza ny tranok'asa dia mety mila filaharan-tarehy isan-kerinandro indraindray, ny tranokala kely sy ny habaka dia afaka manao tsara tsara amin'ny solonanarana iray. Izany no ampiasaiko ho an'ny ankamaroan'ny asa fanorenana ao amin'ny tranonkalako - antontan-taratasy CSS tokana miaraka amin'ny fitsipika rehetra nilaiko. Noho izany dia tonga ny fanontaniana izao - inona no tokony hataonao anaran'io rakitra CSS io?
Fanambarana ho an'ny Fihaonambe
Rehefa mamorona takelaka ivelany ho an'ny pejy web anao ianao dia tokony hanonona ny rakitra manaraka fivoriamben'ny anarana hafa ho an'ny tahiry HTML anao:
Aza mampiasa karazan-tsoratra manokana
Tokony hampiasa ny litera az, ny laharana faha-0-9, ny tsindry (_), ary ny bindets (-) ao amin'ny anaranao fichier CSS. Raha mamela anao hamorona antontan-taratasy misy endritsoratra hafa ao anatin'io rafitra io ianao, dia mety manana olana amin'ny endri-tsoratra manokana ny server OS. Ny safidinao dia tsy mampiasa afa-tsy ireo olona voatonona eto. Na izany na tsy izany, na dia mamela karatra manokana aza ny servero, dia mety tsy izany no mitranga raha manapa-kevitra ny hamindra ireo mpamatsy fampiantranoana amin'ny ho avy ianao.
Aza mampiasa sehatra rehetra
Tahaka ny manana tarehintsoratra manokana, dia mety hiteraka olana eo amin'ny mpizara tranonkala ny habaka. Tsara ny manalavitra azy ireo amin'ny anaranao. Ataoko mihitsy aza ny teboka mba handefa rakitra toy ny pdf amin'ny fampiasana ireo fivoriambe ireo, raha toa ka mila ampidirina any amin'ny tranonkala iray aho. Raha mahatsapa ianao fa mila sehatra ahafahana mamaky ny anaran'ny solonanarana mora kokoa, dia miezaha hibanjina ny bindo na ny fanamarihana. Ohatra, raha tokony hampiasa "ity ny file.pdf" dia ampiasaiko ity "ity-is-the-file.pdf".
Ny anaran'ny rakitra dia tokony hanomboka amin'ny taratasy
Na dia tsy fepetra tanteraka aza izany, ny rafitra sasany dia manana olana amin'ny anaran-drakitra izay tsy manomboka amin'ny taratasy. Ohatra, raha misafidy ny hanomboka ny rakitra miaraka amin'ny tarehimarika maromaro ianao, dia mety hiteraka olana izany.
Ampiasao ny tranga hafa
Na dia tsy ilaina aza izany ho an'ny filaminana iray, hevitra tsara izany, satria ny servere sasany dia tratran'ny fahamatorana, ary raha hadinonao sy manamarina ny rakitra amin'ny tranga samihafa dia tsy enta-mavesatra izany. Amin'ny endriko manokana dia mampiasa tarehimarika kely ho an'ny anaran'ny rakitra rehetra aho. Hitako tokoa fa zavatra iray izay tian'ny mpamorona tranonkala vaovao tadidio fa tokony hatao. Ny laharam-pahefana ataon'izy ireo rehefa manonona rakitra dia ny hampiasa ny toetra voalohany amin'ny anarana. Avadiho ity ary zarao fotsiny ny fahazaran-tsoratra kely.
Tazony ho toy ny mety ny anaran'ny rakitra
Na dia misy fetran'ny lanjan'ny anaran'ny rakitra amin'ny ankamaroan'ny rafitra miasa aza, dia lava kokoa noho izay mety ho an'ny anaran'ny rakitra CSS. Ny fitsipika tsara amin'ny ankapobeny dia tsy mihoatra ny 20 characters amin'ny anaran'ny rakitra izay tsy misy ny fanitarana. Raha ny zava-misy marina, ny zavatra lava kokoa noho izany dia tsy mahomby amin'ny fiasàna sy ny fifandraisana amin'ny zavatra hafa!
Ny ampahany manan-danja indrindra amin'ny anaran'ny rakitra CSS anao
Ny ampahany manan-danja amin'ny anaran'ny rakitra CSS dia tsy ny anaran-drakitry ny tenany, fa ny fanitarana. Ny extensions dia tsy ilaina amin'ny Mac sy Mac sy Linux, saingy hevitra tsara ny mampiditra iray amin'ny fomba hafa rehefa manoratra ny rakitra CSS. Amin'izany fomba izany dia ho fantatrao foana fa izany dia taratasy fanoratana ary tsy tokony hanokatra ny rakitra mba hamaritana ny zavatra ho avy amin'ny ho avy.
Mety tsy mahagaga loatra izany, fa ny fanitarana ny rakitra CSS dia tokony:
.cssFivoriambe iraisam-pirenena ho an'ny CSS
Raha toa ianao ka hanana tahiry CSS iray ao amin'ilay tranonkala ihany, dia azonao atao ny manonona azy io araka izay tianao. Aleoko ihany koa:
styles.css na default.cssSatria ny ankamaroan'ny tranokalako miasa dia ahitana rakitra CSS tokana, miasa ho ahy ireo anarana ireo.
Raha toa ka mampiasa rakitra CSS maro ny tranonkalanao, dia omeo anarana ny takela-taratasy manaraka ny asany ka mazava tsara ny tanjon'ny rakitra tsirairay. Koa satria tranonkala iray ny tranonkala dia afaka manana endrika maromaro mifamatotra amin'izy ireo, dia manampy ny mizara ny fomba amam-panao amin'ny endrika isan-karazany, arakaraka ny asany sy ny endriky ny azy. Ohatra:
- Layout vs Design layout.css design.css
- Pejy sehatra main.css nav.css
- Tanàna manontolo misy fizarana ambany indrindra.css subpage.css
Raha ampiasain'ny vohikala karazana karazana ny tranonkalanao, dia ho hitanao fa mampiasa rakitra CSS marobe izy, izay voatokana ho an'ny ampahany samihafa amin'ny pejy na ny endriky ny tranokala (typography, loko, layout, sns.).
Lahatsoratra niavian'i Jennifer Krynin. Edited by Jeremy Girard on 9/5/17