Esona sikhokelo somthombo sivulekileyo seCSS

Nangona uninzi lwewebhusayithi ziqhutywa phantsi komphathi womxholo, kuninzi okunokuthiwa endaweni yokudala i-portal ukusuka ekuqaleni. Kwaye, kunjalo, abaphathi bokuqukethwe bafuna umntu oza kubanyamekela ngokubonakalayo. Kule posi Siza kudlula kwezinye zezona zixhobo zibalaseleyo zokwenza i-CSS izitayile.

Masiqale ekuqaleni. Yintoni iCSS?

Inokuba injani indlu yamaphupha akho? Ngaba ibinokuba nomgangatho omnye okanye emibini? Ungathanda amagumbi okulala ngezantsi kunye nekhitshi phezulu? Kutheni ungafaki ibhafu kwigumbi lokulala?

Kwaye xa oko kusonjululwe, ngowuphi umbala onokuthi upeyinte amagumbi? Ungayenza umphambili welitye?

Sinokwenza umzekeliso phakathi kwewebhusayithi kunye nendlu. Kwelinye icala sinalo ubume besiza kwaye kwelinye icala imeko ebonakalayo.  Kwimeko, ulwakhiwo luchongwe ngesicwangciso kunye nembonakalo ebonakalayo ngokujonga iisampulu zokuhombisa.

I-CSS sisicatshulwa samaFayile eSitayile esiCasileyo. Ngelixa i-HTML isetyenziselwa ukwenza uxwebhu lwewebhu (ichaza izinto ezinje ngamaphepha, izihloko kunye nokubonisa ukuba ungayifaka nini imifanekiso, ividiyo kunye nezinye izinto zosasazo) I-CSS iseta isitayile sokumiswa kwephepha, imibala, kunye ne-typography.

NgeCSS Ungasichaza isitayile sento nganye ye-HTML. Izinto zecandelo ngalinye le-HTML lephepha lewebhu.

Amashiti esitayile banokuba ngabangaphandle, ngaphakathi okanye kwi-Intanethi. Ukuba ufuna ukuzisebenzisa ngaphandle, kuya kufuneka uzigcine njengefayile .css kwaye uxelele .html ifayile apho ungazifumana khona.

Kwimowudi yangaphakathi, imiyalelo ibhaliwe kwi-header yephepha elithile le-html.Oku kwenza ukuba iphepha lilayishwe kancinci kwaye uhlengahlengiso lube nzima ngakumbi.

Ngemowudi ekwi-intanethi, istayile sangaphandle sisingathwa kwiseva eyahlukileyo. Zilunge ngakumbi xa sifuna ukuzisebenzisa amaxesha ngamaxesha.

Yintoni isikhokelo seCSS?

Izakhelo zeCSS zizixhobo ezisetyenziswa ngabaphuhlisi bojongano lomsebenzisi ukwenza umsebenzi wabo ngokukhawuleza. Endaweni yokwenza izisombululo kwasekuqaleni ngalo lonke ixesha kuvela iprojekthi entsha, lizikhokelo zinika abaphuhlisi izixhobo zokwenza ngokukhawuleza izixhobo zomsebenzisi ezinokuthi zihlengahlengiswe kwaye ziphindaphindwe njengoko kufuneka.

Ngamagama ambalwa, sinokuchaza izikhokelo njenge ingqokelela yamaphepha esitayile seCSS alungiselelwe kwaye alungele ukusetyenziswa kwiintlobo ezahlukeneyo zeemeko.

Ukugcina ixesha asikuphela kwesibonelelo esivela ekusebenziseni izikhokelo zeCSS. Ngokuzisebenzisa, uyilo lusemgangathweni Kwaye bavumela umphuhlisi ukuba afunde ngokulula ikhowudi yomnye umphuhlisi.

Esona sikhokelo somthombo sivulekileyo seCSS

Pivotdiagram

NgokwaboI-Bootstrap sesona sikhokelo sithandwa kakhulu kwi-HTML, CSS, kunye neJS. Kukulungele ukuyila okuhambelana neselfowuni (Ifowuni yokuqala) kunye neendawo eziphendulayo.

SeSiseko

Kubonakala ngathi abantu abenza izikhokelo abanaye umakhulu.
SeSiseko Kuchaziwe njenge "Isakhelo seHlabathi esiHlangeneyo esiHlangeneyo"

Isixhobo esiluncedo sokwenza iiwebhusayithi kunye nokusetyenziswa kwewebhu kugxininiswa kwiimfuno zeshishini. I-Facebook, i-eBay, iMozilla, iAdobe, iHP, iCisco, kunye neDisney ziphakathi kwabasebenzisi bayo.

Khangela

Khangela sisakhelo se-CSS simahla nesivulekileyo esekwe kwi-Flexbox kwaye isetyenziswe ngabaphuhlisi abangaphezulu kwama-200.000.

I-Flexbox yenzelwe ukunceda ukusabalalisa indawo phakathi kwezinto kwi-interface kunye nokuphucula ukulungelelanisa amandla. I-Flexbox iphatha ubeko kwindawo enye kuphela ngexesha- nokuba ngumqolo okanye njengekholamu. Oku kuthelekiswa nemodeli enamacala amabini obume beCSS Grid Layout, ephatha iikholamu kunye nemiqolo ngaxeshanye.

I-UI yeSemantic

I-UI yeSemantic yinkqubo-sikhokelo yophuhliso ethi iyanceda ukwenza ubeko oluhle noluphendulayo usebenzisa i-HTML eluncedo ebantwini.

Esi sikhokelo sithembisa ukusivumela ukuba sakhe uyilo oluhle ngaphezulu kwezinto ezingama-3000 eziguquguqukayo kunye nangaphezulu kwama-50 izinto zomsebenzisi.

Ikwadibana kumathala eencwadi omntu wesithathu, kubandakanya React, Angular, Meteor, okanye Ember.