Ny endriky ny sary sy ny tranonkala misy ny tranonkala dia aseho amin'ny CSS na Cascading Style Sheets. Ireo dia antontan-taratasy manamboatra HTML fanoratana ny takelaka ho an'ny tranonkala, manome ny navigateur web ahitana torolalana momba ny fomba fampisehoana ireo pejy vokatr'io fanamarihana io. Ny CSS dia mametraka ny sarin'ny pejy, ary koa ny loko, ny sary eo afovoany, ny endri-tsoratra ary ny hafa.
Raha mijery rakitra CSS ianao, dia ho hitanao fa toy ny fanamarihana na fitenenana coding, ireo tahadika ireo dia manana tahiry manokana ho azy ireo. Ny takelaka tsirairay dia misy fitsipika CSS maromaro. Ireo fitsipika ireo, rehefa fenoina, dia fomba fanao ilay tranonkala.
Ny ampahany amin'ny fitsipika CSS
Ny fitsipika CSS dia misy faritra roa miavaka - ny mpanelanelana sy ny fanambarana. Ny mpilatsaka hofidiana dia mamaritra izay atao amin'ny pejy iray ary ny fanambarana dia ny fomba tokony hikolokolo azy. Ohatra:
p {
loko: # 000;
}
Fitsipika CSS io. Ny ampahany ny selector dia ny "p", izay singa mpitarika ho an'ny "fehintsoratra". Noho izany dia misafidy ireo paragrafy rehetra ao amin'ny tranonkala iray ary manome azy ireo an'io fomba io (raha tsy misy fehintsoratra izay tadiavina karazana voafaritra hafa ao amin'ny taratasinao CSS).
Ny ampahan'ny fitsipika milaza hoe "loko: # 000;" dia fantatra amin'ny hoe fanambarana. Ity fanambarana ity dia misy tsanganana roa - ny fananana sy ny sandany.
Ny fananana dia ny "loko" an'ny ampahany amin'io fanambarana io. Izy io dia manindry hoe iza amin'ireo lafiny amin'ny sifidianana no hovaina amin'ny fomba fijery.
Ny lanjany dia ny fanovana ny toetra voafidy CSS. Amin'ny ohatra asehontsika, mampiasa ny sanda hexin'ny # 000 isika, izay ny CSS dia misy "black".
Noho izany fampiasana ity fitsipika CSS ity, ny pejinay dia hanana fehintsoratra aseho amin'ny loko-loko mainty.
CSS
Rehefa manoratra ny properties CSS ianao, dia tsy afaka manao azy ireo fotsiny ianao raha mahita fitia. Raha ohatra ka, ny "loko" dia tena fananana CSS, ka azonao ampiasaina izany. Ity trano ity dia mamaritra ny lokon'ny singa iray. Raha toa ka te hampiasa "text-colour" na "font-colour" amin'ny toetra CSS ianao, dia tsy hahomby izy ireo satria tsy ampahany amin'ny fiteny CSS.
Ny ohatra iray hafa dia ny "background-image". Ity trano ity dia mametraka sary izay azo ampiasaina ho an'ny fiaviana, toy ity:
.famantarana {
background-image: url (/images/company-logo.png);
}
Raha nanandrana nampiasa "sary fototra" na "background-graphic" ianao ho toy ny fananana, dia ho potika izy ireo, satria indray, tsy ireo tena CSS.
Misy fananana CSS sasany
Misy karazana CSS marobe izay azonao ampiasaina hanamboarana tranokala iray. Ohatra sasany:
- Border (anisan'izany ny sisin-tany, ny sisin-tany, ary ny sisin-tany)
- Ny fanoratana (ao anatin'izany ny fanonganam-pandrefesana, ny padding-right, ny padding-ambany, ary ny padding-sisa)
- Ny marika (anisan'izany ny marginal-top, margin-right, margin-bottom, ary margin-left)
- Font-family
- Font-size
- Fototra-loko
- sakany
- Haavo
Ireo toetra CSS ireo dia tena tsara ampiasaina ho ohatra, satria izy rehetra dia tena tsotra ary, na dia tsy mahalala CSS aza ianao, dia mety ho fantatrao ny zavatra ataon'izy ireo amin'ny anaran'izy ireo.
Misy karazany hafa ao amin'ny CSS izay ho hitanao fa mety tsy dia mazava loatra amin'ny fomba fiasa arakaraka ny anaran'izy ireo:
- float
- Clear
- hanafotra
- Text-hanova
- Z-tondro
Rehefa miditra lalindalina kokoa amin'ny tranonkala ianao, dia hihaona (ary ampiasao) ireo toetra rehetra ireo sy ny maro hafa!
Manana lanja ny fananana
Isaky ny mampiasa trano iray ianao, dia tokony hanome azy lanjany izany - ary ny toetra sasantsasany dia afaka manaiky ny sanda sasany ihany.
Ao amin'ny ohatra voalohany amin'ny fananana "loko", mila mampiasa lanja loko isika. Mety ho valiny hex, ny hasarobidin'ny RGBA, na ny teny fanalahidy mihitsy aza. Na izany aza, raha toa ka mampiasa ny teny hoe "mahonena" amin'ity fananana ity ianao, dia tsy manao na inona na inona satria, araka ny filazalazana azy io, dia tsy misy dikany amin'ny CSS.
Ny ohatra faharoa momba ny "background-image" dia mitaky ny lalan-drakitra ampiasaina hanesorana sary iray avy amin'ny rakitra ao amin'ny tranokala. Ity no lanjany / syntaxa ilaina.
Ireo toetra CSS rehetra dia manana lanjany izay andrasany. Ohatra:
- Miankina amin'ny loko ny lokon'ny loko
- Ny sisin-tany dia manantena ny sandan'ny dipoavatra, toy ny pixel na isan-jato
- Fomban'ny sisin-tany manantena ny iray amin'ireo tahiry voatokana ampiasaina amin'ity trano ity, toy ny "solid"
Raha mandalo ny lisitry ny properties CSS ianao, dia ho hitanao fa ny tsirairay amin'izy ireo dia manan-danja manokana izay hampiasainy hanamboarana ny style izay nokasainy hatao.
Edited by Jeremy Girard