CSS kubakhethi. izinhlobo kubakhethi

, ngamunye ofuna ukusetha umbala othize. Indlela ukukwenza? Standard CSS kubakhethi ayifanele amathegi, esebonisa izilinganiso zonke amabhlogo ngesikhathi esisodwa. Isixazululo ilula. Yabela abasemakilasini. Ngokwesibonelo, aqale athola div class = 'obomvu', kwesibili - class = 'blue', wesithathu - class = 'oluhlaza'. Manje kungenziwa kukhethwe usebenzisa CSS amatafula.

I-syntax simiswe ngalendlela lelandzelako: Ubonisa iphuzu ( "."), Kulandelwe ngokubhala igama ekilasini. Ukwengamela ibutho lokuqala, sebenzisa ukwakhiwa .red. Okwesibili - .blue nokunye.

Okubalulekile! Kunconywa ukusebenzisa amanani okunenjongo imfanelo ekilasini. Kuthathwa ifomu embi ukuze usebenzise ukuguqulwa (isib, krasiviy-Blok) noma inhlanganisela okungahleliwe izinhlamvu / izinombolo (ojfh834871). Kule mithetho, wena nakanjani uthole bedidekile, ingasaphathwa nobunzima ukuthi uzobhekana nalabo abayobe wahlanganyela kule phrojekthi ngemva kwakho. Inketho engcono - ukusebenzisa noma isiphi indlela, ezifana Bem.

Izinzuzo - kuqhathaniswa okusezingeni eliphezulu nakalula.

Okumbi - izici eziningi kungase kube omunye futhi ekilasini efanayo, okusho ukuthi ngeke ukuhlelwa kanyekanye. Inkinga isixazululekile usebenzisa indlela kanye ilifa preprocessors. Qiniseka ukuthi uthole izandla zakho kancane, Sass noma ezinye preprocessor, bona kakhulu umsebenzi ube lula.

ID isikhethi

Mayelana le nguqulo umbono coders kanye program kukhona edidayo. CSS вообще не рекомендуют использовать ID, поскольку при неаккуратном применении они могут вызвать проблемы с наследованием. Ezinye tutorials CSS musa ukutusa ukusetshenziswa ID, ngoba isicelo olungalungile bona bungabangela izinkinga ifa. Nokho, ochwepheshe abaningi benza izenzo ezibonisa ukuhlela kwabo kulo lonke isakhiwo. Unquma. # »), затем имя блока. I-syntax simiswe ngalendlela lelandzelako: uphawu iphawundi ( "#"), khona-ke igama block. #red. Ngokwesibonelo, #red.

отличается от класса по нескольким параметрам. ID lihlukile ekilasini ngezindlela eziningana. ID. Okokuqala, ikhasi akukwazi ID ezimbili ezifanayo. Abelwe igama elehlukile. Okwesibili, isikhethi enjalo has a kuqala ephakeme. red и укажете в таблицах CSS красный цвет фона, а затем назначите ему же id blue и укажете синий цвет, блок станет синим. Lokhu kusho ukuthi uma ucacise isigaba iyunithi elibomvu futhi ucacise CSS amatafula obomvu umbala, bese babela kuso id efanayo okwesibhakabhaka futhi ucacise nombala oluhlaza njengesibhakabhaka, iyunithi izovuleka okwesibhakabhaka.

Izinzuzo - ungakwazi ukulawula malware ngesici esithile, indiva zokwaluka tags kanye amakilasi.

ID и class. Okumbi - lula ulahleke inqwaba ID kanye ekilasini.

Okubalulekile! ID вам, в общем-то, не нужны. Uma usebenzisa Bem indlela (noma analogue yayo), i-ID kuwe, ngokuvamile, kungukuthi ezidingekayo. Le nqubo ihilela ukusetshenziswa isakhiwo amakilasi ehlukile zibelula.

isikhethi jikelele

{}. Syntax: starlets uphawu ( "*") futhi ngisebenzisa izinduku nezinsimbi, okungukuthi, {*} ...

Isetshenziswa yokunika izimfanelo ezithile kanye zonke izakhi kwekhasi. Uma lokhu kungaba wusizo? box-sizing: border-box. Ngokwesibonelo, uma ufuna ukusetha ikhasi impahla ibhokisi-sizing: umngcele kwebhokisi. div *{}. Ingasetshenziswa kuphela hhayi ukuphatha zonke izingxenye idokhumenti, kodwa futhi ukulawula bonke abantwana bakwa-block esibekiwe, isibonelo, div * {}.

Izinzuzo - ungalawula inqwaba izinto ngesikhathi.

Nebubi - inketho akwanele nezimo. Ngaphezu kwalokho, ukusetshenziswa le isikhethi, kwezinye izimo ukubambezela umsebenzi ikhasi.

by izimfanelo

Kwenze kungenzeka ukulawula isici nge ngemfanelo ethile. Ngokwesibonelo, une eziningi tags okokufaka nge ezahlukene imfanelo hlobo. Omunye wabo - umbhalo, kwesibili - iphasiwedi, eyesithathu - inombolo. Yiqiniso, ungasetha ekilasini ngalinye noma i-ID, kodwa zingavumi njalo. CSS kubakhethi yezimfanelo enze kube nokwenzeka ukuba ucacise amanani omaka ezithile ngobuciko esiphezulu. Ngokwesibonelo, kanje:

okokufaka [ 'umbhalo' type =] {}

Lokhu isikhethi ngeke ukhethe zonke izimfanelo nohlobo text input.

Ithuluzi batjhuguluka lula futhi ingasetshenziswa nanoma yimiphi amathegi, lapho kungase kube izimfanelo. Kodwa lokho akuyona yonke! I-CSS sebhithi unekhono ukulawula isimo sezulu kanye lula nakakhulu!

Cabanga ukuthi ikhasi lakho lephule okokufaka ne isimeli ngemfanelo = "Faka igama" futhi isimeli okokufaka = "Faka iphasiwedi". Lemisebenti ingaphindze akhethiwe usebenzisa isikhethi! Ukuze wenze lokhu, sebenzisa isakhiwo ezilandelayo:

okokufaka [isimeli = "Faka igama"] {} noma okokufaka [isimeli = "Faka iphasiwedi"]

Mhlawumbe umsebenzi nezimo ne izimfanelo. Ake sithi une eziningana tags ezifanayo izimfanelo isihloko (isibonelo, "iCaspian" futhi "iCaspian"). Ukukhetha kokubili, sebenzisa okukhethiwe ezilandelayo:

[Isihloko * = "Kaspiysk"]

CSS ayoyikhetha zonke izinto isihloko okuyinto zikhona izimpawu "iCaspian", ie. E., Futhi "iCaspian" futhi "iCaspian".

Ungaphinde ukhethe tags ukuthi baqale ngohlamvu oluthile izimfanelo:

[Isihloko ^ = "uhlamvu ufuna"] {}

noma anqamule kubo:

[Isihloko $ = "uhlamvu kwesokudla"] {}.

Izinzuzo - esiphezulu nakalula. Ungakhetha noma yimuphi izakhi ezikhona khasi ngaphandle usaphatha amakilasi.

Okumbi - esetshenziswa kuqhathaniswa akuvamile, kuphela ezindaweni ezithile. Abaklami amaningi ewebhu uncamela indlela, kusukela ekilasini iphuzu kulula ukudlula ukuhlela eziningi kubakaki nezibonakaliso "zilingana 'nezinsuku. Ngaphezu kwalokho, lezi kubakhethi azisebenzi ku-Internet Explorer izinguqulo 7 futhi ngezansi. Nokho, labo manje udinga i-Internet Explorer ubudala?

kubakhethi mbumbulu ekilasini

Lisho isici mbumbulu nesimo. Ngokwesibonelo ,: lokuhambisa phezulu - kwenzekani ingxenye yekhasi uma udlula ,: avakashelwe - isixhumanisi wavakashela. Lihlanganisa izici eziningana ezinjengolwazi: lokuqala ingane futhi: zokugcina-ingane.

Lolu hlobo isikhethi ngenkuthalo lisetshenziswe layout yesimanje, ngoba sibonga ke ungenza ikhasi "bukhoma" ngaphandle kokusebenzisa i-JavaScript. Ngokwesibonelo, ufuna ukuqiniseka ukuthi uma uhamba phezu inkinobho nge ekilasini btn nombala washintsha. Ukuze wenze lokhu, sisebenzisa isakhiwo elandelayo:

.btn: lokuhambisa phezulu {

umbala ongemuva: obomvu;

}

Nobuhle kungenziwa ebalulwe sezindawo eziyisisekelo inkinobho, impahla shintsho, isibonelo, 0.5s - kulesi simo, inkinobho ngeke othi awube kweso, futhi kungakapheli nengxenye yesibili.

Izimfanelo - kabanzi ngenxa "imvuselelo" yamakhasi. Kulula ukusebenzisa.

Okumbi - awayona. Leli yithuluzi Ukugunda ngempela. Nokho, nabaqambi bamawebhu ongenalwazi kungaba ulahleke ngokuchichima mbumbulu amakilasi. Inkinga isixazululekile cwaningo futhi umkhuba.

isenzibude mbumbulu kubakhethi

"Pseudo" - lawa izingxenye zekhasi angekho-HTML, kodwa namanje kungalawuleka. Awuzange uqonde? Kulula kakhulu kunalokho sibonakala. Ngokwesibonelo, ukuthi ufuna ukwenza incwadi yokuqala e-string enkulu futhi obomvu, sashiya ezinye umbhalo amancane abamnyama. Yiqiniso, kungashiwo baphetha ngokuthi ncwadi span kanye nesigaba esithile, kodwa eside futhi kuyisicefe. Kulula kakhulu ukukhetha sonke isigaba bese usebenzisa mbumbulu :: lokuqala incwadi. Inikeza ithuba ukulawula ukubukeka luhlavu lolusekucaleni.

Ziningi kakhulu inani elikhulu mbumbulu izakhi. Zibhaleni phansi e isihloko olulodwa akunakwenzeka ukuba aphumelele. Ungathola ulwazi olufanele in search engine zakho ozithandayo.

Izinzuzo - ukuhlinzeka unenkululeko oyifisayo ukubukeka kwekhasi.

Okumbi - entsha kubo ngokuvamile badidekile. okukhethiwe Abaningi lolu hlobo lomsebenzi kuphela iziphequluli ezithile.

Kufinyeta

Khulula Umsizi welogo Thwebula - ithuluzi elinamandla idokhumenti ukugeleza control. Siyabonga kuye, ungakhetha yonke ingxenye eyodwa ikhasi (kukhona ngisho kancane kuphela). Qiniseka ukufunda zonke ezikhona, noma ngisho uwabhala phansi. Lokhu kubalulekile ikakhulukazi uma ukudala amakhasi eziyinkimbinkimbi nge design zanamuhla futhi eziningi izakhi interactive.