Ny fomba fiasan'ny CSS ao amin'ny Internet
Ny ampahany manan-danja amin'ny fananganana tranokala iray miaraka amin'ny CSS dia mahatakatra ny hevitry ny lova.
Ny lova CSS dia voafaritra araka ny endriky ny trano ampiasaina. Rehefa mijery ny loko fananganana trano ianao, dia hahita ny fizarana mitondra ny lohateny hoe "Lova". Raha toa ianao tahaka ny ankamaroan'ny mpamorona tranonkala, dia tsy noraharahanao izany sehatra izany, fa misy tanjona iray ihany.
Inona no atao hoe fananana CSS?
Ny singa tsirairay ao anaty rakitra HTML dia ampahany amin'ny hazo iray ary ny singa rehetra afa-tsy ny singa fototra dia manana singa manana ny maha-ray aman-dreny azy. Na inona na inona fomba fampiharana azy dia azo ampiharina amin'ireo singa voarakitra ao aminy raha toa ka ireo toetra ireo no azo zakaina.
Ohatra, ity code HTML ity etsy ambany dia manana ny tag H1 manazava ny tag EM:
Ity dia Lohateny
Ny singa EM dia zanaka iray ao amin'ny singa H1, ary ny làlana rehetra ao amin'ny H1 izay homena dia halefa amin'ny lahatsoratra EM. Ohatra:
h1 {font-size: 2em; }Hatramin'ny fananana lovan-tsofina fonosana, ny lahatsoratra izay milaza hoe "Big" (izay ambadika ao anatin'ny EM tags) dia mitovy amin'ny halavan'ny H1. Izany dia satria mandova ny lanjany napetraka ao amin'ny tany CSS.
Ahoana ny fomba ampiasana ny lova CSS
Ny fomba tsotra indrindra hampiasana izany dia ny mahafantatra ny toetra CSS izay ary tsy lova. Raha toa ka lova ny fananana, dia fantatrao fa ny lanjany dia hitovy amin'ny an'ny singa tsirairay ao amin'ny rakitra.
Ny fomba tsara indrindra hampiasana izany dia ny mametraka ny fototrao fototra eo amin'ny singa tena avo lenta, toy ny BODY. Raha mametraka ny font-ny fianakaviana ianao eo amin'ny fananana vatana, dia noho ny lovan-tsofina, ny tahiry manontolo dia hitazona io fonosana io-fianakaviana. Izany dia tena hanao ny karazan-tsariny kokoa izay mora kokoa amin'ny fitondran-tena satria tsy dia misy loatra ny karazana. Ohatra:
body {font-family: Arial, sans-serif; }Ampiasao ny hasarobidin'ny karazana lanjany
Ny fananana CSS tsirairay dia misy ny safidy "mandova" ho safidy azo atao. Izany dia manambara amin'ny tranonkala tranonkala, fa na dia tsy ho lova ara-dalàna aza ny fananana, dia tokony hanana lanja mitovy amin'ny ray aman-dreny izy. Raha mametraka fomba toy ny marika izay tsy nandova ianao, dia azonao ampiasaina ny lanjan'ny lova amin'ny fananana manaraka izay hanomezana azy ny habeny mitovy amin'ny ray aman-dreny. Ohatra:
body {margin: 1em; } p {margin: inherit; }Ny lova no ampiasain'ny sanda
Zava-dehibe ho an'ny soatoavina manana lova toy ny endri-tsoratra izay mampiasa ny halavany. Ny sanda arahinao dia lanjany mifandraika amin'ny sanda hafa amin'ny pejy web.
Raha mametraka ny endri-tsoratra 1m amin'ny endritsoratra BODY ianao, ny pejy iray manontolo dia tsy ho ny iray amin'ny habe fotsiny. Izany dia satria ny singa toy ny lohateny (H1-H6) sy ny singa hafa (ny sasany amin'ireo mpizahatany manitsy latabatra latabatra) dia manana habeny eo amin'ny tranonkala. Raha tsy misy ny fampahalalana hafa amin'ny endri-tsoratra hafa, ny Internet browser dia hanao ny lohatenin'ny H1 foana ny lahatsoratra lehibe indrindra ao amin'ny pejy, arahin'ny H2 sy ny sisa. Rehefa apetrakao ny singa BODY anao amin'ny endritsoratra iray voafaritra, dia ampiasaina ho ny habe "fonty" ary ny endriky ny lohan-dahatsoratra dia avy amin'io.
Fanamarihana momba ny lova sy ny fananan-tany
Misy karazam-paty maromaro izay voatanisa dia tsy nandova ny CSS 2 tao amin'ny W3C, fa mbola mandova ny soatoavina kosa ny mpizaha Internet. Ohatra, raha manoratra ireto HTML sy CSS ireto ianao: