Indlela yokufaka ingxelo yeCSS

Ukufaka izimvo kwikhowudi yakho yeCSS iyanceda kwaye ikhuthazwa kakhulu.

Yonke i-website yenziwe ngamacandelo anokwakheka (echazwe ngu-HTML) kunye nesitayela sokubonwa okanye "ukujonga nokuziva" kwesi siza. AmaSpredishithi eHlobo lokuHlola (iCSS) yinto esetyenziselwa ukunyanzelisa ukubonakala kwewebhusayithi. Ezi zitala zigcinwa zihlukileyo kwisakhiwo se-HTML ukuvumela ukuba lula ukuhlaziywa nokunamathela kwimigangatho yewebhu.

Ngobunzima bezinto ezininzi kwiwebhsayithi namhlanje, iifayile zendlela yokukhawuleza zikhawuleza zibe zide kakhulu kwaye zinzima kakhulu ukusebenza. Oku kuyinyani ngakumbi xa uqala ukongeza kwimibuzo yemidiya yeendlela ze-website eziphendulayo . Imibuzo yeendaba yodwa ingongeza isamba esibalulekileyo sendlela ezintsha kwixwebhu lweCSS kwaye yenza kube nzima ukusebenzisana nayo. Yiyo apho amazwana eCSS angaba luncedo olubalulekileyo kwiwebhusayithi.

Ukongeza amazwana kwiifayile ze-CSS zewebhusayithi yindlela enhle yokongeza isakhiwo kumacandelo ale khowudi kumfundi womntu ohlaziya umqulu. Kwakhona indlela ecacileyo yokuchazela ezo zitayela ze-web professional omele usebenze kwisayithi kwixesha elizayo-kuquka nawe!

Ekugqibeleni, i-smartly yongeze iikhompyutheni zeCSS ziya kwenza ukuba isitayela sesitayela sisebenze lula. Oku, kubalulekile, kubalulekile kwiimakhishithi zamehlo eziza kulungiswa ngamaqela. Iingxelo zingasetyenziselwa ukuxubusha imiba ebalulekileyo yeshidi lomfanekiso kumalungu ahlukeneyo eqela elingenako ukuqhelana nekhowudi sele ikhona. Ezi mpendulo ziyakunceda kakhulu abantu abaye basebenza kwiziko ngaphambi kokuba babuyele kwi khowudi emva kokuba kude nabo ixesha elide. Ndandidla ukuhlela i-website ndiyakhe iinyanga okanye kwimiba edlulileyo kwaye ndibe neempendulo ezifomathiweyo kakuhle kwi-HTML ne-CSS yamkelekile kakhulu uncedo! Khumbula, ngenxa yokuba wakha isayithi akuthethi uya kukukhumbula ukuba kutheni wenze izinto ozenzayo xa ubuya kule sayithi kwikamva! Amazwana angenza iinjongo zakho zicacise kwaye zicacise nayiphi na ukungaqondani ngaphambi kokuba kwenzeke.

Into enye ukuyiqonda malunga neenkcazo zeCSS kukuba ayibonisi xa iphepha liguqulela kwiiphequluli zewebhu. Lezo ngcaciso zikwaziswa kuphela, njengemibono ye-HTML (nangona i-syntax ihlukileyo phakathi kwababini). Iingxelo zeCSS azichaphazeli ukubonakaliswa kweso siza nangayiphi indlela kwaye zivele zikho kwikhowudi ngokwayo.

Ukongeza iiCSS Comments

Ukongeza amazwana eCSS kulula kakhulu. Uvele ubhawule iikhompthi zakho ngokuchanekileyo kokuvula nokuvala ama-tags amazwana:

Nantoni na ebonakalayo phakathi kweetekisi ezimbini iya kuba ngumxholo weengxelo, ibonakala kuphela kwikhowudi kwaye ingakhange ifakwe ngumkhangeli.

Igalelo leCSS linokuba ngumgca omnye, okanye ungathatha imida emininzi. Nantsi umzekelo omnye womgca:

div # umngcele_red {umngcele: obomvu obomvu obomvu; } / * umzekelo umda obomvu * /

Kwaye umzekelo omninzi:

/ ************************** ********************* ****** Indlela yokubhala ikhowudi **************************** ************ *************** /

UkuPhula iZigaba

Enye yeendlela ndihlala ndisebenzisa amazwana eCSS kukuba ulungele iphepha lam isitadi kwincinci, ngokulula ngokulula. Ndiyathanda ukukwazi ukubona ezi candelo xa ndisebenzisa i fayili kamva. Ukwenza oku, ndihlala ndongeza imibono ngoninzi lwabaxhamli kubo ukuze banike ikhefu elikhulu, elibonakalayo kwiphepha elilula ukubona njengoko ndikhawuleza ndiphephe ikhowudi. Nasi umzekelo:

/ * ----------------------- Iifayile zeNtloko ----------------------- ------- * /

Xa ndibona enye yale mibono kwikhowudi yam, ndiyazi ukuba kukuqala kwecandelo elitsha lalo catshulwa, ndivumele ukuba iqhube ngakumbi ukuyisebenzisa kwaye isebenzise ikhowudi.

& # 34; Ukuphawula ngaphandle & # 34; Ikhowudi

Iimpawu zengxelo ziyakunceda nakwiinkqubo zenkqubo yokubhala ikhowudi nokukhupha iphepha. Amazwana angasetyenziselwa "ukuphawula" okanye "ukucima" imimandla yale khowudi ukuze ubone ukuba kwenzekani ukuba elo candelo aliyona ingxenye yephepha.

Usebenza njani lo msebenzi? Ewe, kuba iifayile zengxelo zixelela isiphequluli ukuba ingayinaki yonke into phakathi kwazo, ungayisebenzisa ukukhubaza okwesikhashana iindawo ezithile zekhowudi yeCSS. Oku kungakunceda xa uphawula, okanye xa ulungisa ukufometha kwephepha leWebhu.

Ukwenza oku, unokongeza nje itekethi yokuphawula apho ufuna ukuba ikhowudi iqale ukukhutshazeka kwaye ufake leyo tag ekupheleni apho ufuna ukuba isithuba esikhubazekileyo siphele. Yonke into ephakathi kwala manqaku ayiyi kuchaphazela ukuboniswa kwesosiza, kukuvumela ukuba ugqibezele i-CSS ukubona apho ingxaki ingenzeka khona. Ungangena uze ulungise loo nto uze ususe amazwana avela kwikhowudi.

CSS Ukunika iingcebiso kwiingcebiso

Njengokuphinda, zilapha ezinye iingcebiso zokukhumbula ngokusebenzisa amazwana kwi CSS yakho:

  1. Iingxelo zinokuthi zenze imigca emininzi.
  2. Amazwana angabandakanya izinto zeCSS ongafuniyo zinikezelwa ngumkhangeli, kodwa ungafuni ukususa ngokupheleleyo. Le yindlela enhle yokuguqula iifayile zefayile ze-website - qi niseka ukuba ususe izitayela ezingasetshenziswanga (ngokuchasene nokubashiya ukuphawula) xa unquma ukuba awuyidingi kwiwebhusayithi
  3. Sebenzisa amazwana xa ubhala i-CSS eyinkcazo yokongeza ukucaciswa nokwazisa abaphuhlisi bexesha elizayo, okanye wena ngokuzayo, malunga nezinto ezibalulekileyo abafanele bazi. Oku kuza kusindisa ixesha elizayo lokuphucula bonke abachaphazelekayo.
  4. Amazwana angabandakanya ulwazi lweemeta njenge:
    • umbhali
    • umhla owenziwe
    • ulwazi lobunikazi

Ukusebenza

Iingxelo ziyakunceda ngokuqinisekileyo, kodwa qaphela ukuba ezinye izimvo ozifakayo kwiphepha lesitayela, luya kuba lukhulu, oluya kuphazamisa isantya sokukhuphela kwesiza kunye nokusebenza. Oku kuyinkxalabo yangempela, kodwa akufanele unganqikaze ukongeza amacebiso anelungelo kunye nokusemthethweni ngenxa yokwesaba ukuba intsebenzo iya kubandezeleka. Imigca yeCSS ayifaki ubungakanani obukhulu kumqulu. Uzodinga ukongeza ii-TONS zemigca yamagqabaza ukwenza impembelelo ebalulekileyo ngobukhulu befayile yeCSS. Ukongeza iincwadana ezinobuncedo kwiCSS yakho akufanele kukunike umthelela ongezantsi ongezantsi kwiphepha lekhasi.

Ekugqibeleni, uya kufuna ukufumana ibhalansi phakathi kwamazwana ancedo kunye namazwana amaninzi ukufumana iinzuzo zombini kumaphepha akho e-CSS.

Inqaku loqobo loJennifer Krynin. Ehlelwe nguJeremy Girard ngomhla we-7 / 5/17