Fantaro ny fomba hamoronana sisintany CSS ao anatin'ny dimy minitra
Mety ho efa nandre ianao fa ny tabilao CSS sy HTML dia tsy mifangaro. Tsy marina izany. Eny, amin'ny fampiasana tabilao HTML ho an'ny layout dia tsy fomba fanao tsara kokoa intsony ny tranonkala, raha nosoloina ny layout CSS, fa ny latabatra dia mbola marika tokony ampiasaina hanamboarana rakitra tariby ao amin'ny tranonkala iray.
Mampalahelo fa maro ireo matihanina amin'ny tranonkala no miala amin'ny latabatra mieritreritra fa poizina izy ireo, maro amin'ireo matihanina ireo no tsy manana traikefa miara-miasa amin'ny singa HTML mahazatra sy ny tolona raha tsy maintsy ampiharina amin'ny tranonkala. Ohatra, raha manana tabilao ianao ao amin'ny pejinao ary te hanampy andalana ao anaty efi-takelajela.
CSS latabatra
Raha mampiasa CSS ianao mba hanampiana sisintany ho an'ny latabatra, dia manampy fotsiny ny sisin-tany manodidina ny ivelan'ny latabatra. Raha te hampiditra tsipika anatiny amin'ny efi-takelajoro tsirairay ianao, dia mila manampy sisintany amin'ny endriky ny CSS. Azonao ampiasaina koa ny marika HR mba hanampiana andalana ao anatin'ny sela tsirairay.
Mba hampiharana ireo karazana voarakitra ato amin'ity lahatsoratra ity, tokony ho hita fa misy tabilao ao amin'ny pejin'ny tranonkala. Azonao atao avy eo ny mamorona teti-taratasy ho toy ny ravin- tranonkala eo amin'ny lohan'ny rakitrao (raha tsy izany dia tsy hanao izany ianao raha ny pejy misy ny tranonkala) na mifandray amin'ny rakitra ho endrika ivelany (izany no azonao atao dia hatao raha pejy maromaro ny tranonkalanao - mamela anao hanamboatra ny pejy rehetra amin'ny taratasy ivelany iray). Asio endri-tsoratra hanampiana ireo tsipika anatiny ao anatin'io endritsoratra io.
Alohan'ny hanombohana
Voalohany dia mila manapa-kevitra ianao hoe aiza no tianao hipoitra eo amin'ny latabatrao. Manana safidy maromaro ianao, anisan'izany:
- Manodidina ny efitrano rehetra mba hamolavolana tady;
- Mametraka ny tsipika eo anelanelan'ny tsanganana;
- Eo anelanelan'ny tsipika; na
- Eo anelanelan'ny tsanganana na tsipika voafaritra.
Azonao atao koa ny mametraka ny tsipika manodidina ny sela tsirairay na ao anatin'ny sela tsirairay.
Ahoana ny fametrahana ravina manerana ny sela rehetra ao anaty latabatra
Raha ampidirinao amin'ny rindrin'ny style anao ny andalana manodidina ny sela rehetra ao amin'ny latabatrao, ka mamorona izany vokatra izany:
td,
grenady: 1px mainty mainty;
}
Ahoana ny fametrahana ny andalana eo anelanelan'ny tsanganana ao anaty latabatra
Raha te hampiditra tsipika eo anelanelan'ny tsanganana (miteraka tsipika avo lenta avy any ambony mankany ambany amin'ny solaitra)
td,
sisiny havia: fotsy 1px mainty;
}
Avy eo, raha tsy tianao ny hahitana azy ireo ao amin'ny tsanganana voalohany, dia mila ampianarina kilasy iray ho an'ireo sela andehilahy ianao . Amin'ity ohatra ity, mihevitra isika fa manana kilasy iray tsy misy sisintany ao amin'ireo efi-tranonkala ireo ary manala ny sisintany amin'ny fitsipika mifehy ny CSS. Ity ny kilasy HTML ampiasaintsika:
class = "no-sisintany">
Ary avy eo dia afaka nanampy ity fomba manaraka ity izahay amin'ny takelaka ofisialy:
.no-border {
sisiny havia: tsy misy;
}
Ahoana ny fametrahana ravin-taratasy eo amin'ny latabatra
Tahaka ny fametrahana andalana eo amin'ny tsanganana, dia azonao atao izany amin'ny fomba tsotra iray izay nampidirinao amin'ny takelaka style. Ny CSS eto ambany dia manampy andalana maromaro eo amin'ny sehatra tsirairay eo amin'ny latabatra:
tr {
sisiny ambany: fotsy 1px mainty;
}
Ary mba hanesorana ny sisin-tany amin'ny faran'ny latabatra, dia ampianaro indray ny kilasy iray amin'ny tag di:
class = "no-sisintany">
Ampio ity style manaraka manaraka ity eo amin'ny taratasy fanoratanao:
.no-border {
border-bottom: tsy misy;
}
Ahoana ny fomba hanampiana andalana eo anelanelan'ny tsanganana na ravina manokana ao anaty latabatra
Raha toa ka mila andalan-tsora eo amin'ny tsipika na tsinjara manokana ianao, dia mila mampiasa kilasy iray ao amin'ireo sela na andalana ireo. Ny famitana tsipika iray eo amin'ny tsanganana dia somary sarotra kokoa noho ny eo amin'ny laharan-tseza satria tsy maintsy ampidirinao ao amin'ny tranonkala tsirairay ny efitrano. Raha toa ka avy amin'ny karazana CMS automatique ny latabatrao, tsy azo atao izany, fa raha manova ny pejy ianao, dia azonao atao ny mampiditra kilasy mifanaraka amin'izay ilaina mba hahatratrarana izany.
class = "lafiny-sisintany">
Ny fametrahana tsipika eo anelanelan'ny andalana dia mora kokoa, araka izay azonao ampidirina fotsiny ny kilasy eo amin'ilay laharana tianao haleha.
class = "fari-ambany">
Ampio ny CSS avy eo amin'ny taratasy fanoratanao:
.border-side {
sisiny havia: fotsy 1px mainty;
}
.border-bottom {
sisiny ambany: fotsy 1px mainty;
}
Ahoana ny fametrahana ravina eo amin'ny cellules tsirairay ao anaty latabatra
Mba hampidirana tsipika manodidina ny sela tsirairay, dia ampianaro any amin'ny efitrano ilanao sisin-tany ny kilasy iray:
class = "sisin-tany">
Ary ampio ny CSS manaraka ao amin'ny taratasy fanoratanao:
.sisintany {
grenady: 1px mainty mainty;
}
Ahoana ny fametrahana ravina ao anaty sela tsirairay ao anaty latabatra
Raha te hampiditra tsipika ao anatin'ny ao anatin'ny sela ianao, ny fomba tsotra indrindra hanaovana izany dia miaraka amin'ny mari-pamantarana marindrano (
).
Useful Tips
Raha mahita marika eo amin'ny sisintaninao ianao dia tokony ho azonao antoka fa napetraka eo amin'ny latabatra ny fomba fikajiana sisintany. Ampio ireto manaraka ireto ao amin'ny taratasy fanoratanao:
latabatra {
rava-lavo: rava;
}
Azonao atao ny manalavitra ny CSS rehetra etsy ambony ary mampiasa ny toetoetran'ny sisintany ao amin'ny takelajoroo. Tsapiho anefa fa ny toetrany, raha tsy efa nihodina, dia tsy dia marefo kokoa noho ny CSS, satria azonao atao ny mamaritra ny sakan'ny sisintany ary tsy misy afa-tsy eo amin'ny sehatra rehetra misy latabatra na tsia.