CSS Ibhokisi: uchaze nefuthe

Uhlobo lwamakhasi ayingxangxasi (CSS) kuzo zonke elula yayo ubhalo kwenza kube lula nje kuphela ukudala isisombululo uyilo mihle, kodwa kwakhona ukunika izinto amanyathelo yokwenene, kubadlali ukusebenza ikhowudi ngqo.

Nayiphi tag olubonakalayo HTML-zeempendulo - ummandla olubuxande kwicala lwe isakhiwo esithile kunye nesiqulatho. Isiqalelo iquka lubonakalisa uququzelelo, ubungakanani, kwizikhuseli, umbala, ifonti, isitayile sefonti, njalo njalo. Isakhelo CSS-element ikhankanya kubo kwindawo ezinabantu, ukuba ibekwe ngaphakathi ukusuka kwimida yayo apha ububanzi echongiweyo.

incazelo syntax

INTSIMI nokubekwa element elikhankanyiweyo ilungelelanise kuthelekiswa ikona yasekhohlo ephezulu ephepheni (ekhohlo, phezulu), ubukhulu kwi imiyalelo tye kunye nkqo (ububanzi, ukuphakama). Zonke iimpawu zoyilo kunye oopopayi zenziwe ngababini "ipropati: ixabiso".

Inkcazelo yenziwa ngqo kwi khowudi iphepha ukufaka isimbo okanye ifayile eyahlukileyo, esalatha kuye LINK reference. lwesivakalisi:

#name {impahla: ixabiso; impahla: value; impahla: value; ...}

okanye

.NAME {impahla: ixabiso; impahla: value; impahla: value; ...}

Igama nayo kuba p, umzimba, html, itafile, TD ..., oko kukuthi igama tag HTML-womshicileli. Ngamana kuqhagamshelwa ngokuthe ngqo kunye nenkcazelo isimbo element.

Phambi kokuba wenze eyakho isimbo yam yokubhala, ayikukha ibenzakalise ukubona sokuba kwenziwe ngayo kwiziza ezithandwayo, obagcinela ikhowudi page, okanye ngokucinezela Ctrl-U ukubona ngqo kwi browser.

The main iparameters

isimbo Eneneni isakhelo CSS element zimelwe (umda-style), umbala (umda-umbala), ububanzi (umda-ububanzi). Oko konke kwenziwa ngamafuphi eyodwa - umda. Unako ukuchaza umda frame nganye ngokuzimeleyo (umda-top, umda-ezantsi, umda-ekhohlo, umda-ekunene).

ifreyim CSS ochazwe yimithetho jikelele Uhlobo lwamakhasi ayingxangxasi:

umda: 3px;
umda-umbala: obomvu;
umda-style: kabini namthanyana wamachaphaza esiqinileyo.

Le nkcazelo icwangcisa ububanzi emdeni pixels 3, umbala - amacala obomvu, isimbo: okwicala elingaphezulu kwe-kabini, ekunene - namthanyana, ezantsi eqinileyo, ekhohlo - ingongoma.

umda-ububanzi: 1px 2px 4px 8px;
umda-umbala: eluhlaza;
umda-style: uphosa.

Apha, imilinganiselo kwicala ngamnye ngokulandelelana kwawo kwakhona ukusuka phezulu, ngku, umbala - oluhlaza, kunye nesimbo - Spot.

umda-umbala: blue black eluhlaza ebomvu;

kule nkcukacha, ngamnye kuchaziwe umbala kwicala ngalinye. impahla umda inokuquka parameters amaninzi, kwaye engile yesakhelo ingaba ngeenxa zonke;

umda: 1px eluhlaza eqinileyo;
umda-radius: 0px 4px 8px 12px;
moz-umda-radius: 0px 4px 8px 12px;
-webkit-umda-radius: 0px 4px 8px 12px;

Vula indlela yokwenza isakhelo CSS, kuxhomekeke kwi ukusebenziseka undwendwe, kuba ngokuqhelekileyo isiphumo zobugcisa zisetyenziselwa iinjongo zobugcisa, xa kubalulekile ukubonisa indawo ngqo kunye yobukhulu balo mmandla kwiphepha.

Ububanzi wesakhelo kunye nenjongo yawo

Ngokukhetha ububanzi yesakhelo, ungasebenzisa px, pt, em ..., kodwa kufuneka ikhunjulwa into yokuba kusoloko ngaphakathi element endle. Kunzima ukucinga ukuba sine a CSS Injongo yokuyila, kodwa enyanisweni kubalulekile kakhulu ukuba ndikhankanye iindawo yephepha.

Ukuba iklasi engundoqo isakhelo itshixiwe, oko kukuthi ongekhoyo, ngokukhankanya xa pseudo-class: kuyo ndawonye, kungaboniswa ukuba umtyeleli le sekhasi, xa isalathisi se mouse, ezifana lubonisa umba we menu. Maxa wambi kuyimfuneko ukuba ukhethe into ngokunqakraza kwi umfanekiso, okanye tsala into ethile. Kuyinto elula kakhulu ukuba ukusebenzisa isakhelo dot, kwaye ukutshintsha imvelaphi i element okanye okubhalwe kuyo.

Ezinye izicelo zifuna ukwabiwa kwiindawo le page, okanye khetha izinto kuqhubekeko oluphambili. Kulo mzekelo, ngexesha konqakrazo ukwenza div kunye umda yaye logama nje umtyeleli akumkhululi iqhosha le mouse, ukhulise oku, ebonisa abangaboniyo ngokubangelwa ukhetho.

ngaphandle phantsi

tutorials CSS umdla kakhulu, njengoko kukubaluleka zophando codes amaphepha kweesayithi ethandwayo. Nangona kunjalo, izibonelelo zakhe kufuneka ibe yodwa, kufuneka ube ubuso yayo.

Ngaphandle syntax benqwanqwa CSS asisiniki ezahlukeneyo ezifana, njengoko kwayo. Uchaze - isiqalo enkulu, yaye ayikho into ethintela umqambi ukuze isakhelo zabo. Ingakumbi nayo yonke impumelelo zobugcisa Internet nezakhono kwemigangatho ezikhoyo banezimvo ezininzi bethembisa ngokusekelwe ukusilela weli lwesivakalisi ekhoyo, nto leyo (by inkcazelo) bekusoloko olusesikweni ngokungqongqo.

Ngokukodwa, ukuba nokuseka umda izinto ezithile, kubonakala kufanelekile ukwenza njalo ngokubanzi. Ukuqaqambisa tags ngamnye emacaleni kunye engile lommandla, ungafumana iziphumo emangalisayo. A nokwabela abaphatha ezichaphazelekayo, uyakwazi ukwenza izinto page eliguqukayo, ukutshintsha indawo, imilo kunye nesiqulatho.