CSS-isikhethi, futhi yendima yayo ekuqhubeleni ukufomatha html-mbhalo

Ukudala website futhi bewugcwalisa izakhi ezithile ikhasi lewebhu, wonke umuntu uzobhekana eside ezifana CSS-isikhethi. Usebenzela ukunquma ngokunembile kabanzi kuzo zonke izingxenye ze-html-ifayela yendlela aklanywe ngayo nendawo ekhasini. Ukuze wenze lokhu, dala CSS-idokhumenti sicacisa kubakhethi ezithile nezinketho zabo ukufomatha: umbala, isayizi, indawo kanye nezinye. Njalo umklami web amele ukukwazi, akwazi ukungena kahle okukhethiwe oyifunayo. Bahlukene ngohlobo, main okuyinto sixoxa ngezansi.

Izinhlobo kubakhethi CSS

Kuye lapho isici sisetshenziswa html-ihlelwe, CSS-isikhethi ingasho elinye lamaqembu alandelayo:

• ithegi isikhethi;
• isikhethi ekilasini;
• I-id-isikhethi;
• attribute isikhethi.

Tag isikhethi

Ibizwa nangokuthi "uhlobo isikhethi" noma "isici", kuba elula kakhulu futhi evamile. Njengoba yakhe CSS-mbhalo angamagama izakhi html-ifayela, okuyinto thina ukuchaza. Ngokwesibonelo, uma sidinga isitayela isigaba, thina ucacise izakhiwo kanye namagugu abo ukuze p isici {ngemuva: x; umbala: y; Usayizi: z}. Kulokhu, zonke izigaba yekhasi lewebhu kuyodingeka format efanayo (umbala, usayizi wombhalo, nokunye. D.).

ekilasini isikhethi

Futhi lokho uma udinga ukucela njalo isigaba yakho ihlukile kwezinye izitayela? Ukuze wenze lokhu, kukhona isikhethi ekilasini.

CSS-mbhalo kule isimo ibe ukungena ifomu elilandelayo: p.first {umbala: x; usayizi wombhalo: y}. Ngakho, Sichaza property "umbala" futhi "Usayizi" kuphela ikilasi isigaba sokuqala.

Ku-html-mbhalo kulokhu Ufake ngemfanelo ikilasi ukuba igama isitayela kuqala. Amakilasi kungaba kakhulu ngendlela isitayela ufuna ukusebenzisa i-zekhasi lewebhu.

I-id Khulula Umsizi welogo Thwebula

Ngokuvamile kunesidingo ukuchaza isitayela ngokunembe kakhudlwana, isibonelo kunoma isici omunye ikhasi, noma lokuphuza kubo. Kulesi simo, usizo eza-id-isikhethi. Ifayela le-html ukwabela oyifunayo into igama ehlonza phakathi kwezinye. Ngokwesibonelo, izakhi ukuthi sifuna ukusetha ihluke kwezinye isitayela kuyoba isihloko sihloko.

Khona-ke ngamazwi html-mbhalo sabele unhlokweni h1 sikhombi, articlename ezinjalo. Futhi CSS-ifayela, ucacise isitayela, unezela igama ID Izinsimbi: #articlename {umbala: blue; umbhalo-Qondanisa: isikhungo}. Manje ukuthi isihlokwana wethu uyoba nombala oluhlaza njengesibhakabhaka futhi igxile.

Ngamunye izinhlobo ngenhla lingachazwa ngokuthi "elula CSS-isikhethi". Abakuchaza ukufometha ngoba ipharamitha ethile html-mbhalo: izakhi ndawonye ezifanayo (isib, zonke izigaba isihloko), isigaba esisodwa (isibonelo, kuphela esigabeni sokuqala) noma okuthile (isibonelo, isihloko sesiqephu).

attribute kubakhethi

Ngaphezu okungenhla, kukhona CSS-kubakhethi izingxenye - indlela more xaka ngezitayela isicelo. Kuvumela HTML format izakhi ku imfanelo ekhethiwe noma inani. Kukhona izinhlobonhlobo eziningana zalesi isikhethi:

• khona imfanelo;
• ngemali yayo ngqo;
• ngu ngokwengxenye ngemfanelo value;
• ngokubaluleka kwazo ethize.

Ake sicabangele ngasinye salezi zinhlobo:

1. Icala lokuqala. Ukufometha sisetshenziswa, uma ekhona a imfanelo html-ikhodi ethile (kungase kube p, hlukanisa, unhlokweni, njll). Uma kungenjalo, it isebenzisa ejwayelekile ngoba kuzo zonke izingxenye isitayela. Ngokwesibonelo, walezinto kokuba isihloko (ithuluzi ithiphu).
2. Eyesibili icala. Isitayela sisebenza kuphela ku-html-izakhi ezine-umdlalo ngqo lamanani ngemfanelo. Ngokwesibonelo, ukuze ufake izakhi, lapho ukubaluleka uhlobo lwesichasiso kulingana uhambise.
3. Icala lesithathu. Ngaphansi format ngeke kuphela zihlanganisa izinto ohlwini bamanani inegama ezithile. Ngokwesibonelo, ibha eseceleni ngemfanelo "ikilasi" kuzinto div.
4. Icala lesine. Isitayela kuchazwa kuphela lemisuka html-mbhalo, sibaluli kabani ethile inenani ezithile, futhi iqala naye. Ngokwesibonelo, ukusetshenziswa umbala esibekiwe kuzo zonke izingxenye okuyinto yolimi lwesiNgisi ngemfanelo (engahle zu, zu-Onesiforu, en-au futhi t. D.).

Ngakho, ngokusebenzisa omunye, isikhethi CSS, lingabonakala esibekiwe njengoba sonke ikhasi lewebhu, futhi uchaze eminye izakhi zalo.