Iingenelo kunye neeDrafti zeStyle Styles kwi-CSS

I-CSS, okanye i-Cascading Style Sheets, yinto esetyenziswe kwi-design website yangoku yesicelo ukujonga ukubonakala kwiphepha. Ngoxa i-HTML idala isakhiwo sephepha kunye neJavascript iyakwazi ukuphatha ukuziphatha, ukubukeka nokuvakalelwa kwewebhusayithi yimihlaba yeCSS. Xa kuziwa kule mizobo, zihlala zisetyenziswa ukusebenzisa iifayile zangaphandle, kodwa ungasebenzisa izitayela zeCSS kwisinye, isici esithile ngokusebenzisa oko kwaziwa ngokuba "izitayela ezinqamlekileyo."

Izitayela ezinqamlezileyo ziyi-CSS izitayela ezisetyenziswa ngqo kwi-HTML yekhasi. Kukho izinto ezilungileyo kunye neengxaki kule ndlela. Okokuqala, makhe sibone indlela ezi zibhalwa ngayo.

Indlela yokubhala isitayela esisemgangathweni

Ukwenza isitayela se-CSS enqamlekileyo, uqala ngokubhala ifayile yakho ifayile efana nendlela oya kuyenza ngayo kwiphepha lesitayela, kodwa kufuneka ibe yinto enye. Iipropati ezininzi ezihlukeneyo kunye ne-semicolon njengokuba uthanda kwiphepha lesitayela.

imvelaphi: #ccc; umbala: #fff; Umda: umnyama omnyama 1px;

Beka loo mgca weendlela ngaphakathi kwindlela yokubhala yesalathisi ofuna ukuyibhala. Umzekelo, ukuba ufuna ukusebenzisa le ndlela kumhlathi kwi-HTML yakho, loo nto iya kubonakala ngathi:

Kulo mzekelo, lo mhlathi uza kubonakala nge-background gray (oko kukuthi #ccc iya kunika), umbhalo omnyama (ukusuka kumbala we-# 000), kunye nomda we-1-pixel umda omnyama onqamlekileyo kuwo onke macala amane omhlathi .

Iingenelo zeStyles Styles

Siyabulela ukuhlaselwa kweStack Style Style Sheet iifayile ezisezantsi zihamba phambili kunabo bonke okanye zithile kwixwebhu. Oku kuthetha ukuba ziya kusetyenziswa kungakhathaliseki ukuba yintoni enye echazwe kwi-style style (yangaphandle kweyiphi na izitayela ezinikezelwayo! Kubhengezo olubalulekileyo olo phetshana, kodwa oku akuyinto emele yenziwe kwiindawo zokuvelisa ukuba no kugwenywa).

Iifayile ezodwa eziphezulu kunokuba izitayela ze-inline zizindlela zokusebenzisa ezisetyenziswa ngabafundi ngokwabo. Ukuba unenkathazo yokufumana utshintsho lwakho ukuba lusebenze, unokuzama ukubeka isitayela esicacileyo kwisici. Ukuba ngaba izitayela zingabonakali usebenzisa isitayela esisezantsi, uyazi ukuba kukho enye into eqhubekayo.

Izitayela ezisezantsi zilula kwaye zikhawuleza ukuzongeza kwaye akudingeki ukhathazeke ngokubhala umgcini weCSS ofanelekileyo kuba udibanisa izitayela ngqo kwizinto ofuna ukuzitshintsha (loo nto ishintshela i-selector ukuba ubhale kwiphepha langaphandle ). Awudingi ukudala idokhumenti entsha (njengamaphepha amashishini angaphandle) okanye uhlele into entsha kwindawo yentloko yecokhumenti yakho (njengamaphepha amaphepha angaphakathi). Wongeza nje umxholo wesitayela osebenzayo phantse yonke into ye-HTML. Zizo zonke izizathu zokubangela ukuba ungalingeka ukuba usebenzise izitayela ezinqamlekileyo, kodwa kufuneka uqaphele ezinye izinto ezingonakaliyo kule ndlela.

Iintsilelo zeStyles Styles

Ngenxa yokuba izitayela ezisezantsi zizona zizodwa kwi-cascade, ziyakwazi ukukhwelisa izinto ongazifunanga kuzo. Baphinde bahlukane nenye yezona zinto zinamandla kakhulu kwiCSS - ukukwazi ukwenza amanqaku amaninzi kunye namaphepha amaninzi ewebhu ukusuka kwifayili enye yeCSS ukwenza iinguqulelo ezizayo kunye nesitayela utshintshe lula ukulawula.

Ukuba ufanele usebenzise kuphela izitayela ezisezantsi, amaxwebhu akho aya kukhawuleza kwaye azinzima. Oku kungenxa yokuba izitayela ezincinci kufuneka zenziwe kwizinto zonke ozifunayo. Ngoko ukuba ufuna yonke imihlathi yakho ibe nomndeni wefonti "Arial", kufuneka udibanise isitayela esinezantsi kwiqela ngalinye

kumqulu wakho. Oku kwongeza umsebenzi wokulondoloza umyili kunye nexesha lokukhuphela umfundi kuba ufuna ukutshintsha oku kwiphepha ngalinye kwiwebhusayithi yakho ukutshintsha loo ntsapho-yamagama. Ngenye indlela, ukuba usebenzisa i-style style, unokukwazi ukutshintsha kwindawo enye kwaye ufumane iphepha ngalinye ukufumana ukuhlaziywa.

Inyaniso, le nyathelo elibuyiselwayo kwi-web design - buyela kwiintsuku ze tag!