Manaova ny teknikan'ny CSS
Raha mamorona tranonkala ianao, dia mety ho liana amin'ny fianarana ny fomba hamoronana sary havanana na zana-tsokajy amin'ny pejy Internet. Ity dia fomba fitsaboana iombonana izay nalaza tamin'ny Internet nandritra ny fotoana fohy. Tsara ny vokany raha manana kitapo kely ianao.
Raha tsy nanao an'ity ianao taloha na efa nanandrana azy io tsy misy vintana, dia toa sahiran-tsaina ilay dingana, saingy tsy dia sarotra be mihitsy izany. Amin'ny alalan'ity lesona fohy ity, dia hahazo ny fampahalalana ilainao ianao hananganana ny teknika mandritra ny minitra vitsy mampiasa CSS.
Hanomboka
Ny sary an-tserasera na ny famantarana ny rano (izay tena sary maoderina) dia manana tantara amin'ny endritsoratra vita printy. Ny tahirin-kevitra dia efa nahitana marika famantarana ny rano ho azy ireo mba tsy hisakanana azy ireo. Ankoatra izany, dia maro ny flyer sy bokikely mampiasa sary be dia be ao anatin'io endritsoratra io. Ny endriky ny tranonkala dia efa nindramina ela be tamin'ny alàlan'ny fanontam-pirinty sy ny sary ety ivelany dia iray amin'ireo karazana nindramina ireo.
Ireo sary lehibe eo amin'ny sehatra ireo dia mora ny mamorona mampiasa ireo toetra telo an'ny CSS manaraka:
- sary lafika-
- lafika-Avereno
- lafika-miraiki-po
- lafika-size
Lafika-Image
Ampiasainao sary ahafahana mamaritra ilay sary izay hampiasaina ho marika famantarana ny rano ianao. Ity fomba tsotra ity dia mampiasa fomba iray ahafahana mametraka sary iray izay anananao ao amin'ny tranokalanao, azo inoana fa ao amin'ny lahatahiry antsoina hoe "sary".
background-image: url (/images/page-background.jpg);
Zava-dehibe fa ny sary dia maivana kokoa na mazava kokoa noho ny sary mahazatra. Izany dia hamorona ny "sivana momba ny sivana" izay ahitan'ny sary iray misy ny semi-transparent ao ambadiky ny lahatsoratra, ny sary, ary ireo singa fototra hafa ao amin'ny tranonkala. Raha tsy misy ity dingana ity, ny sary eo afovoany dia hifaninana amin'ny fampahalalana ao amin'ny pejinao ary sarotra ny mamaky.
Azonao atao ny manitsy ny sary ao amin'ny programa fanoratana toy ny Adobe Photoshop.
Lafika-Avereno
Ny fahatongavam-potoana dia miverina manaraka. Raha tinao ny sarinao ho toy ny sary lehibe ho an'ny miliolidera, dia ampiasainao io tranonkala io mba hampisehoana indray mandeha io sary io.
background-repeat: no-repeat;
Raha tsy misy ny fananana "tsy misy famerenana", ny votoatiny dia ny hamerimberenana ny sary etsy sy eroa amin'ny pejy. Ity dia tsy mahasosotra indrindra amin'ny tranonkala maoderina maoderina, noho izany dia tokony heverina ho tena ilaina ao amin'ny CSS izany fomba izany.
Lafika-Attachment
Ny fanangonana rakitra an-tserasera dia trano iray izay adinon'ny mpanamboatra tranonkala maro. Ny fampiasana izany dia mitazona ny sarinao eo amin'ny sehatra misy anao rehefa mampiasa ny fananana "fiketrahana". Izany no mahatonga an'io sary io ho anaty mari-drano nofatorana eo amin'ny pejy.
Ny sandan'ny default ho an'ity trano ity dia "horonana". Raha toa ka tsy manondro ny lanjan'ny rakitra ety ivelany, dia hivezivezy miaraka amin'ny ambiny ny pejy.
Tadiavo
Lafika-Size
Ny haavon'ny raki-tsoratra dia fananana CSS vaovao. Izany dia mamela anao hametraka ny haben'ireo rakitra mifototra amin'ny fomba fisainana izay heverina azy. Tena manampy tokoa ny tranonkala mitaona izay hampiseho amin'ny endrika samihafa amin'ny fitaovana samihafa .
Toro-làlana: rakotra;
Ny sanda roa manan-danja azonao ampiasaina amin'ity trano ity dia ahitana:
- Fonony - Manazava ny haavon'ny habakabaka mba hahitana ny halavan'ny lavaka na ny haavo feno. Midika izany fa mety misy faritra sasany amin'ilay sary tsy miseho eo amin'ny efijery fa ny faritra manontolo dia ho rakotra.
- Fitanana - Manazava ny sary ka ny habeny sy ny haavony manontolo dia hita ao amin'ny faritra noforonina. Ny sary dia tsy tapaka, fa ny ampitso dia ny faritra ao amin'ilay faritra dia tsy mety ho rakotra amin'ny sary.
Ampio ny CSS amin'ny pejy
Rehefa azonao ny toetra sy ny soatoavina etsy ambony, azonao ampidirina ao amin'ny tranonkalanao ireo.
Ampio amin'ny HEAD amin'ny tranonkalanao manaraka ireto manaraka ireto raha toa ka manao tranonkala tokana ianao. Ampio amin'ny endriky ny CSS amin'ny endriny ivelany iray raha manangana tranonkala maromaro ary te hanararaotra ny tanjaky ny taratasy ivelany.
body {
background-image: url (/images/page-background.jpg);
background-repeat: no-repeat;
Tadiavo
Toro-làlana: rakotra;
}
// ->
Amboary ny URL ny sary eo afaranao mba hifanaraka amin'ilay lalana manokana sy ny lalan-drakitra mifandraika amin'ny tranokalanao. Manaova fanovàna hafa mifanaraka amin'ny endriny, ary hanana marika famantarana anao.
Azonao atao ny mamaritra ny toerany
Raha te-hametraka ny mari-pamantarana anaty sehatra iray ao amin'ny pejin-tranonkalanao ianao dia afaka manao izany koa. Azonao atao, ohatra, angamba ny mari-drano eny afovoan'ilay pejy na angamba eo ambany elany, fa tsy mifanohitra amin'ny zoro ambony, izay ny default.
Mba hanaovana izany, ampio ny fananana efamira misy ny rindrankajy ho an'ny style anao. Ity dia mametraka ny sary amin'ny toerana tena tianao hipoitra. Azonao ampiasaina ny soatoavina pixel, ny isan-jato, na ny fampivoarana mba hahatratrarana io vokatra io.
toerana;