Funda indlela yokwenza umda wetafula we-CSS kwimitha emihlanu nje
Kusenokwenzeka ukuba uvile ukuba amacwecwe e-CSS ne-HTML awaxubeki. Oku akunjalo nje. Ewe, ukusebenzisa iitafile ze- HTML zokwakheka akusisona sikhokelo sewebhu esona siphumelelo esihle, sithatyathwe yimizila yohlobo lweCSS, kodwa ietafile zisengumlinganiselo ochanekileyo wokusebenzisa ukuongeza idatha yefayili kwikhasi lewebhu.
Ngelishwa, ngenxa yokuba abaninzi abaqeqeshi bewebhu baye bathelela etafuleni becinga ukuba bangcolile, abaninzi balaba baqeqeshi banamava amaninzi abasebenzisana nale nto eqhelekileyo ye-HTML kunye nomzabalazo xa kufuneka bawabhekise kwiwebhsayithi. Umzekelo, ukuba unetafile kwiphepha kwaye ufuna ukufaka imigca yangaphakathi kwiiseli zetafile.
CSS Iibhondi zeBhodi
Xa usebenzisa i- CSS yokongeza imida ukuya kwiibhile, ithetha kuphela umda ngapha kwetafile. Ukuba ufuna ukungongeza imigca yangaphakathi kwiiseli ngamnye zetafile, kufuneka udibanise imida kwizinto zangaphakathi zeCSS. Ungasebenzisa kwakhona itekethi yakwa-HR ukwengeza imigca ngaphakathi kwiseli nganye.
Ukuze usebenzise izitayela ezifakwe kule nqaku, kufanele ukuba neetafile kwikhasi lakho lewebhu. Umele udale ishidi lomshicileli njengeshidi lomsebenzi wangaphakathi entloko yecokhumenti yakho (mhlawumbi uya kwenza oku ukuba "isayithi" lakho likhasi elilodwa) okanye uqhotyoshelweyo kumqulu njengetayitile yangaphandle (oku Uya kwenza ntoni ukuba indawo yakho ibe ngamaphepha amaninzi - ekuvumela ukuba ulandele onke amaphepha ukusuka kwiphepha langaphandle). Uza kufaka izitayela ukufaka imigca yangaphakathi kwiphepha lesitayela.
Ngaphambi kokuba Uqale
Okokuqala kufuneka unqume apho ufuna ukuba imigca ibonakale etafileni yakho. Unenketho ezininzi, kuquka:
- Kujikeleze onke amaseli ukwenza ifowuni;
- Ukubeka imigca phakathi kwee-columns;
- Kuphela phakathi kwemigca; okanye
- Phakathi kwamacandelo athile okanye imiqolo.
Unokubeka kwakhona imigca ecaleni kweseli nganye okanye ngaphakathi kwiseli nganye.
Indlela yokongeza iiLines Kuzo zonke iiseli kwiThebhile
Ukongeza izandi malunga nazo zonke iiseli kwitheyibhile yakho, ukudala loo mphumela-gridi, faka oku okulandelayo kwiphepha lakho lesitayela:
td, th {
Umda: u-1px omnyama;
}
Indlela yokongeza iMida phakathi kweeMigqa etafileni
Ukongeza imigca phakathi kweikholomu (oku kudala imigca ehambayo ukusuka phezulu ukuya ngasezantsi kwiikholomu zeetafile), faka oku okulandelayo kwiphepha lakho lesitayela:
td, th {
umda-ongasemva: u-1px omnyama;
}
Emva koko, ukuba ungafuni ukuba bavele kwikholamu yokuqala, kufuneka udibanise iklasi kulawo ma- t kunye neeseli ze- td . Kulo mzekelo, sicinga ukuba sinoklasini olungenammiselo kulawo maseli kwaye sisusa umda kunye nalo mthetho othe ngqo weCSS. Ngoko nantsi iklasi ye-HTML esiyayisebenzisa:
kwiklasi = "akukho mda">
Emva koko siyakongeza isitayela esilandelayo kwiphepha lethu lesitayela:
.ngumdawulo {
umda osekhohlo; akukho;
}
Indlela yokongeza iMida phakathi kweeJonga nje kwiTheyibhile
Njengoko ngokufaka imizila phakathi kwamakholomu, unokukwenza ngoku ngesitayela esisodwa esilula kwiphepha lakho lesitayela. I-CSS engezantsi iyakongeza imigca yokuhamba phakathi komqolo ngamnye wetafile yethu:
tr {
Umda wezantsi: u-1px omnyama;
}
Kwaye ukususa umda ukusuka ezantsi kwetafile, ubuya kuphinda ungeze iklasi kwi-tag tag:
kwiklasi = "akukho mda">
Yongeza isitayela esilandelayo kwishidi lakho lesitayela:
.ngumdawulo {
umda wezantsi: akukho;
}
Indlela yokongeza iiLine phakathi kwamacolomns acacileyo okanye iindonga kwiThebhile
Ukuba ufuna kuphela imigca phakathi kwemigca ethile okanye iikholomu, kufuneka usebenzise iklasi kulawo maseli okanye imigqa. Ukongeza umgca phakathi kwamakholomu kunzima kakhulu kunokuba phakathi kwemigca kuba kufuneka udibanise iklasi kuyo yonke iseli kule kholomu. Ukuba itheyibhile yakho iveliswa ngokuzenzekelayo ukusuka kwi -CMS yohlobo oluthile , oku akunakwenzeka, kodwa ukuba unesandla sokubhala iphepha, unokongeza iiklasi ezifanelekileyo njengoko kufuneka ukuphumeza oku.
kwiklasi = "icala langasemngceleni">
Ukongeza imigca phakathi kwemiqolo kulula kakhulu, njengoko unokongeza nje iklasi kumgca ufuna umgca.
kwiklasi = "umda-phantsi">
Bese ukongeza i-CSS kwiphepha lakho lesitayela:
kwicala langasemva {
umda-ongasemva: u-1px omnyama;
}
phantsi kwezantsi {
Umda wezantsi: u-1px omnyama;
}
Indlela yokongeza iiLini ezijikelezileyo kwiiselithi ngamnye kwiTheyibhile
Ukongeza imizila ecaleni kweseli nganye, ungeze iklasi kwiiseli ofuna umda weenxa zonke:
kwiklasi = "umda">
Bese ukongeza i CSS elandelayo kwishidi lakho lomfanekiso:
.mida {
Umda: u-1px omnyama;
}
Indlela yokongeza iiLini ngaphakathi Kwimizi nganye kwiTable
Ukuba ufuna ukufaka imigca ngaphakathi kwimiyalezo yeseli, indlela elula yokwenza oku kukugxininisa lomgaqo (
).
Iingcebiso eziwusizo
Ukuba uqaphela izikhewu kwimida yakho, kufuneka uqinisekise ukuba isitayela sokuwa komda siyafakwa kwitafile yakho. Yongeza oku okulandelayo kwiphepha lakho lesitayela:
itafile {
umda-ukuwa: ukuwa;
}
Unokuziphepha zonke iiCSS ezingentla kwaye usebenzise impawu zomda etafileni lakho. Qaphela, nangona kunjalo, ukuba uphawu lwakhe, ngelixa lungahlanjulwanga, lugqithise kakhulu kuneCSS, njengoko unokuchaza kuphela ububanzi bomda kwaye unokwenza kuphela kuzo zonke iiseli zetafile okanye akukho.