CSS Short Course
Ny cascade no mahatonga ny taratasy firaketana CSS tena ilaina. Raha fintinina, ny cascade dia mamaritra ny filam-pifidianany mba hampiharana ireo endrika mifanohitra. Amin'ny teny hafa, raha manana endrika roa ianao:
p {loko: mena; }
p {loko: manga; }
Ny cascade dia mamaritra hoe loko inona no tokony ho fehintsoratra, na dia milaza aza ny tolo-taratasy fa tokony ho mena sy manga izy ireo. Farany dia loko iray ihany no azo ampiharina amin'ny fehintsoratra, noho izany dia tokony hisy baiko.
Ary io baiko io dia ampiharina amin'ny alalan'ireo safidy (ny p ao amin'ny ohatra etsy ambony) manana ny laharana ambony indrindra ary ny baiko asehony ao amin'ny antontan-taratasy.
Ity lisitra manaraka ity dia fanamorana ny fanapahan-kevitry ny mpitety tranonkala ho an'ny fomba iray:
- Jereo ny taratasy firaiketana ho an'ny mpizara mifandraika amin'ny singa. Raha toa ka tsy misy endri-tsoratra voafaritra, dia ampiasao ny fitsipika napetraka ao amin'ny browser
- Jereo ny taratasy firaiketana ho an'ny fifantenana marika marika! Zava-dehibe ary ampiharo ireo amin'ny singa mety.
- Ny karazam-pirazanana rehetra ao amin'ny tapa-taratasy dia hamadika ny tranokala tranokala tsy mitovy (afa-tsy amin'ny trosan'ny mpampiasa).
- Ny tena manokana ny selector style, ny ambony kokoa ny laharana azy io. Ohatra, div> p.class dia voafaritra kokoa noho ny p.class izay voafaritra kokoa noho ny p.
- Farany, raha misy fitsipika roa mihatra amin'ny singa iray ihany ary manana ny dingana mitovy amin'izany, dia ilay fangatahana farany no hampiharina. Raha lazaina amin'ny teny hafa, dia vakina avy any ambony mankany amin'ny farany ny taratasy fanoratana, ary ny fomba amam-panao dia ampiharina.
Mifototra amin'ireo fitsipika ireo, ao amin'io ohatra etsy ambony io, dia hosoratana manga ny paragrafy, satria p {color: blue; } dia farany amin'ny taratasy firaiketana.
Izany dia fanazavana tena tsotra momba ny cascade. Raha te hahafantatra bebe kokoa momba ny fomba fiasan'ny cascade ianao, dia tokony mamaky Inona no dikan'ny hoe "Cascade" ao amin'ny Cascading Style Sheets? .