ComputerZokuhlela

Ubuciko iphepha web kwaye ubungakanani bomgca kwi HTML

abathungi web makhwelo kuya kuba luncedo ukwazi ukuyila indlela itekisi iphepha le web. Ziquka ulungelelwaniso, umbala, ubungakanani bomgca, kunye nangaphezulu.

On ukufometha tag ezinxulumene ezininzi. I zisetyenziswa ngokuxhaphakileyo "p" - umhlathi. It has ngokuzithandela parameters ezichaza inkangeleko lwesicatshulwa.

lokuqala kunye eziphambili parameter - oku "lungelelanisa". Oku kugqiba ulungelelwaniso wesicatshulwa kwaye nokuba "left", "right", "iziko" yaye "ukuzithethelela" - ulungelelwaniso ekhohlo, ekunene, iziko, kwaye ngaphaya kobubanzi block, ngokulandelelana. Qaphela ukuba indawo okubhaliweyo abazinikwanga kwi imida ikhusi, kwaye kwisithuba umhlathi.

Oku kulandelwa parameters 'iklasi' yaye 'id ". Zimisela apho iklasi izinto zalo into ebonakalisayo yayo. Oku kungaquka lesiphumo kunye' isimbo ' - ubuza iibhloko isimbo emgceni. ukuba Zonke ezi iipropati ezinxulumene CSS, apho siya kuhamba ngaphantsi kancinci.

Xa ithegi 'p " kukho ethile - uyasilela ukucwangcisa yangaphandle umbono bomgca, ezifana nombala okanye ubungakanani. Kuba ezi njongo lelinye ithegi - "yefonti". Zonke ongakhetha zayo ukujonga indlela itekisi izakujongeka.

Uphawu lokuqala tag - "color". Njengoko unokuba elithekelelwayo, unikwa umbala. Le parameter lungafundwa amagama (, "magenta" "emhlophe", "tyheli"), kunye nemilinganiselo kwinkqubo RGB. Oku kwenziwa ngolu hlobo lulandelayo: kuqala ubeke uphawu #, uze kuchonga amanani amathathu notation njengokom ukusuka 00 ukuya ff okanye ukusuka kwi-0 ukuya 255 - lokugqibela - ubungakanani ebomvu, eluhlaza kunye nezuba umbala lokugqibela. Umzekelo, ukuba usebenzise ebomvu ukubhala "# ff0000", yellow - "# ffff00".

Uphawu elandelayo - "ubuso". Icacisa lobuso. Umzekelo, oko imiselwe ku "Times New Roman" okanye "Tahoma".

Ke ekugqibeleni, kuba ubungakanani bomgca kwi HTML iphendula "ubungakanani" parameter. Kuthatha lixabiso lenani - ifonti.

Umzekelo, ukuba ukubonisa okubhaliweyo eluhlaza ifonti "Comic Sans MS" qhobosha weshumi elinesihlanu, kuyimfuneko ukuchaza ithegi 'p "kunye parameters zilandelayo:

umbala = "# 6666ff" ubuso = "Comic Sans MS" ubungakanani = "15"

Kwakhona, kukho ithegi ezikuvumela ukucacisa olunye uhlobo oluthile ifomathi: "b" - Bold, "i" - kekeleyo, "u" - underscore. Bonke babe ngaphandle kwe parameters.

Cwangcisa okubhaliweyo zobumnini e HTML - ubungakanani headset befonti - pretty engonwabanga. Masithi ufuna ukuba mzuzu nge iibhloko ezahlukeneyo uyilo lwesicatshulwa. Emva koko, ngokuba ngamnye tags kufuneka ukuchaza iimpawu ezifanayo. Kakhulu ngakumbi lula oku kuphunyezwa ngoncedo CSS-Uhlobo lwamakhasi ayingxangxasi. Umzekelo, ukuba ukudala iklasi umfanekiso ebizwa ngokuba 'myclass "ekuyilweni njengoko bekunjalo kumzekelo wokuqala, kufuneka ungongeza ithegi" indlela "le layini:

#myclass {wefonti: rgb (102,102,255) "Comic Sans MS" 15pt;}

Apha "rgb (102,102,255)" icwangcisa umbala, "Comic Sans MS" - iseti yentloko kunye "15pt" - ubungakanani bomgca. Umbala kwakhona ucacise igama kunye ifonti - ezifana oothinti, kunye pixels (kuba oku kufuneka ubhale, umzekelo, "20px").

Ukuze usebenzise le ubhaliso kuyimfuneko "p" tag sibhalele uthi:

iklasi = "myclass"

Ngendlela efanayo, unako ukuzoba nasiphi na isicatshulwa. Kwanele ukucwangcisa i parameter "iklasi" kwiklasi yexabiso ofuna ukuyisebenzisa.

Yaye ukwenza i-ID ne-gama 'myid ", kufuneka' isimbo 'irekhodi:

#myid {wefonti: rgb (102,102,255) "Comic Sans MS" 15pt;},

kwaye ithegi 'p "ukuseta i" id "attribute ezixabisa" myid ".

Iklasi kunye ID - loo nto ifana nento enye. Kulo mzekelo umaki ingamiselwa njengoko wokuqala nowesibini:

iklasi = "myclass" id = "myid"

Kukho iindlela ezimbini ukutshintsha inkangeleko lwesicatshulwa - HTML and CSS. Ukuba ufuna ukukhupha neebhloko omnye okanye emibini, sebenzisa HTML. Inani elikhulu imihlathi afanayo ufomato CSS kakuhle ngakumbi.

Njengoko ubona, ukutshintsha ubungakanani befonti kwi HTML kuyinto snap. Zokuhlela eziphambili - umkhuba, ngoko zama ukusebenzisa ngakumbi, kwaye uya kuphumelela!

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 xh.delachieve.com. Theme powered by WordPress.