I-CSS, noma i-Cascading Style Sheets, yiyiphi esetshenziselwa ukuklanywa kwewebhusayithi yanamuhla ukusebenzisa ukubukwa kwekhasi elibonakalayo. Ngenkathi i-HTML idala isakhiwo sekhasi futhi i-Javascript ingakwazi ukusingatha ukuziphatha, ukubukeka nokuzwa kwewebhusayithi kuyisizinda se-CSS. Uma kuziwa kulezi zitayela, zivame ukusetshenziselwa ukusebenzisa amashidi wangaphandle, kepha ungasebenzisa izitayela ze-CSS kusici esisodwa, esithile ngokusebenzisa lokho okubizwa ngokuthi "izitayela ezifakiwe."
Izitayela ze-Inline yizitayela ze-CSS ezisetshenziswa ngqo kwi-HTML yekhasi. Kunezinzuzo zombili kanye nokungahambi kule ndlela. Okokuqala, ake sibheke ukuthi lezi zitayela zilotshiwe kanjani.
Indlela Yokubhala Isitayela Esingaphakathi
Ukuze udale isitayela se-CSS eline-inline, uqala ngokubhala isitayela sakho sempahla efana nendlela ongayenza ngayo ishidi lesitayela, kodwa kufanele ibe yinye umugqa. Hlukanisa izindawo eziningi nge-semicolon njengoba nje ungathanda ngesitayela sesitayela.
isizinda: #ccc; umbala: #fff; Umngcele: obumnyama obuqinile 1px;
Beka ukuthi umugqa wezitayela ngaphakathi kwesimo sesitayela sezinto ofuna ukuzisho. Isibonelo, uma ufuna ukusebenzisa lesi sitayela kusigaba ku-HTML yakho, leso sici sizobukeka kanje:
Kulesi sibonelo, le ndima ethile izovela ngesizinda esibucayi (lokho okushiwo ngu- #ccc), umbhalo omnyama (kusuka emgqeni we- # 000), nangomngcele omnyama oqinile we-pixel ojikeleze kuzo zonke izinhlangothi ezine zesigaba .
Izinzuzo zezitayela ze-Inline
Ngenxa yokunyuka kwezitembu ze-Cascading Style Sheet elinezinhlobonhlobo ezisezingeni eliphezulu kunokuqala okuphezulu noma okucacile kumadokhumenti. Lokhu kusho ukuthi kuzosetshenzwa kungakhathaliseki ukuthi yini enye echazwe kwisitayela sakho sangaphandle sezitayela (ngaphandle kokunye okushiwo yizitayela ezinikezwa! Isimemezelo esibalulekile ukuthi ishidi, kodwa lokhu akuyona into okufanele yenziwe kumasayithi okukhiqiza uma kungagwenywa).
Izitayela kuphela ezinezikhundla eziphezulu kunezitayela ze-inline zindlela zokusebenzisa ezisetshenziswa ngabafundi ngokwabo. Uma unenkinga ukuthola izinguquko zakho zisebenzise, ungazama ukusetha isitayela se-inline kwisici. Uma izitayela zingabonakali usebenzisa isitayela esinezintambo, uyazi ukuthi kukhona okunye okuqhubekayo.
Izitayela ze-Inline zilula futhi zishesha ukungeza futhi akudingeki ukhathazeke ngokubhala isikhethi esifanele se-CSS njengoba ungeza izitayela ngqo kuleso sici ofuna ukushintsha (leso sici sishintsha ngokuyinhloko umakhethi ongabhala eshidi lesitayela sangaphandle ). Awudingi ukudala idokhumenti entsha (njengamashidi angaphandle wesitayela) noma uhlele isici esisha enhloko yedokhumenti yakho (njengamashidi wangaphakathi wesitayela). Uvele wengeze umlingiswa wesitayela osebenza cishe kuzo zonke izici ze-HTML. Lezi yizona zonke izizathu zokuthi kungani ungalingeka ukusebenzisa izitayela ze-inline, kodwa futhi kufanele uqaphele ezinye izinkinga ezibalulekile kule ndlela.
Ukungalungi kwezitayela ze-Inline
Ngenxa yokuthi izitayela ze-inline ziyizona ezicacile kakhulu ku-cascade, zingakwazi ukugibela izinto ongazihlosile. Baphinde bahlukane nesinye sezici ezinamandla kunazo zonke ze-CSS - ikhono lokufaka isitayela kanye namakhasi amaningi wewebhu kusuka kufayela elilodwa eliphakathi le-CSS ukwenza izibuyekezo zesikhathi esizayo nesitayela sishintshe kalula.
Uma kwadingeka ukuthi usebenzise izitayela ze-inline kuphela, amadokhumenti akho azovinjelwa ngokushesha futhi azinzima kakhulu ukulondoloza. Lokhu kungenxa yokuthi izitayela ze-inline kufanele zisetshenziswe kuzo zonke izinto ozifunayo. Ngakho-ke uma ufuna zonke izigaba zakho zibe nomndeni wefonti "Arial", kufanele ungeze isitayela se-inline kumaki ngamunye we-
kumadokhumenti wakho. Lokhu kwenezela kokubili umsebenzi wesondlo womklami nokulanda isikhathi somfundi ngoba kuzodingeka ushintshe lokhu kuwo wonke amakhasi kusayithi lakho ukuze ushintshe lo mndeni wefonti. Ngaphandle kwalokho, uma usebenzisa isitayela sezitayela ezihlukile, ungase ukwazi ukuwuguqula endaweni eyodwa bese wonke ikhasi lithola lokho kubuyekezwa.
Ngempela, lesi yisinyathelo sokubuyela emuva ku-web design - emuva kwezinsuku zomaki Enye indlela yokuziphendulela kwezitayela ezifakiwe ukuthi akunakwenzeka ngesitayela izici zengqondo futhi -zigaba nazo. Isibonelo, ngamashidi wangaphandle wesitayela, ungakwazi ukukhombisa umbala ovakashelwe, ukuhamba, osebenzayo nokuxhumanisa we-anchor tag, kodwa ngesitayela esinesigqi, konke ongakwenza isitayela yisixhumanisi ngokwawo, ngoba yilokho okushiwo isitayela sesitayela . Ekugcineni, sincoma ukuthi singasebenzisi izitayela ze-inline zamakhasi akho wewebhu ngoba zibangela izinkinga futhi zenze amakhasi amaningi umsebenzi wokulondoloza. Isikhathi esisebenzisayo kuphela lapho sifuna ukuhlola isitayela masinyane ngesikhathi sokuthuthukiswa. Uma sesifinyelele kahle kuleso sici esisodwa, siyithuthela kwishidi lethu langaphandle leshidi. Isihloko se-Orginal sikaJennifer Krynin. Ihlelwe nguJeremy Girard.