CSS-taghaidh. sheòrsaichean de luchd-taghaidh

, gach fear air a bheil thu airson a shuidheachadh sònraichte dath. Mar a nì thu e? Coitcheann CSS-taghaidh nach eil freagarrach airson tags, tha iad a 'sealltainn nam paraimeadaran airson a h-uile blocaichean aig an aon àm. Tha fuasgladh sìmplidh. Shònrachadh clas buill. Mar eisimpleir, fhuair a 'chiad div class =' dearg ', an dàrna - class =' ghorm ', an treas - class =' uaine '. A-nis faodaidh iad a bhith air an taghadh a 'cleachdadh CSS bùird.

Tha sheantansan a tha mar a leanas: Nochdaidh puing ( "."), Air a leantainn le bhith a 'sgrìobhadh an ainm an clas. Airson stiùireadh a 'chiad aonad, a' cleachdadh an obair-togail .red. Dàrna - .blue agus mar sin air.

Cudromach! Thathar a 'moladh a' cleachdadh brìoghmhor luachan den chlas buadha. Thathar a 'beachdachadh air an droch fhoirm a chleachdadh transliteration (me, krasiviy-blok) no air thuaiream measgachaidhean de litrichean / àireamhan (ojfh834871). Ann an còd seo, tha thu a 'dol a dh' fhaighinn troimhe-chèile, gun iomradh a thoirt air na duilgheadasan a bhios aig an fheadhainn a bhios a 'dol an sàs anns a' phròiseact an dèidh dhuibh. Tha an roghainn as fheàrr - a 'cleachdadh modh-obrach sam bith, mar BEM.

Buannachdan - coimeasach àrd de shùbailteachd.

Eas-bhuannachdan - an ioma-eileamaidean a dh'fhaodadh a bhith an aon chlas, a 'ciallachadh gum bi iad a dheasachadh aig an aon àm. A tha an duilgheadas fhuasgladh a 'cleachdadh na modh-obrach a thuilleadh air oighreachd preprocessors. Bi cinnteach gu faigh do làmhan nas lugha, SASS no cuid eile preprocessor, tha iad gu mòr an obair a dhèanamh nas sìmplidhe.

Thùsail roghnaichear

Mu seo dreach bheachd coders-prògramaidh agus tha dà-sheaghach. CSS вообще не рекомендуют использовать ID, поскольку при неаккуратном применении они могут вызвать проблемы с наследованием. Nithean CSS-teagaisg nach eil a 'moladh a' cleachdadh a 'Chlàir, a chionn ann mearachdach iarrtas iad, faodaidh duilgheadasan le oighreachd. Ach, tha mòran eòlaichean a tha gu gnìomhach a chur air dòigh iad air feadh a 'chruth. Bha thu a 'co-dhùnadh. # »), затем имя блока. Tha sheantansan a tha mar a leanas: an not soidhne ( "#"), an uair sin ainm an loga bacaidh. #red. Mar eisimpleir, #red.

отличается от класса по нескольким параметрам. Thùsail tha eadar-dhealaichte bho chlas ann an grunn dhòighean. ID. A 'chiad, an duilleag nach urrainn a bhith dà-ionann Thùsail. Tha iad a shònrachadh air leth sònraichte a ainm. San dara àite, a leithid de roghnaichear tha nas àirde na phrìomhachas. red и укажете в таблицах CSS красный цвет фона, а затем назначите ему же id blue и укажете синий цвет, блок станет синим. Seo a 'ciallachadh ma tha thu a shònrachadh aonad clas dearg agus a shònrachadh ann CSS bùird dearg cùl-dath, agus an uair sin a shònrachadh gu e an aon rud a' Chlàir gorm agus dè an dath gorm, an t-Aonad Cuir gorm.

Buannachdan - faodaidh tu smachd a chumail air an eileamaid sònraichte, gun a faighneachd stoidhlichean tags agus clasaichean.

ID и class. Eas-bhuannachdan - furasta a dhol air chall ann an àireamh mhòr de Thùsail agus clas.

Cudromach! ID вам, в общем-то, не нужны. Ma tha thu a 'cleachdadh modh-obrach BEM (no a analogues), Thùsail dhuibh, san fharsaingeachd, chan eil feum air. Alt seo a 'cleachdadh an cruth air leth sònraichte clasaichean a fada nas goireasaiche.

-choitcheann roghnaichear

{}. Syntax: Starlets soidhne ( "*") agus braces, ie, {*} ...

A chleachdadh gus a shònrachadh sònraichte buadhan aon uair a h-uile eileamaid de na duilleig. Nuair faodaidh seo a bhith feumail? box-sizing: border-box. Mar eisimpleir, ma tha thu ag iarraidh a chur an seilbh an duilleag-bogsa sizing: chrìoch-bogsa. div *{}. Can not a-mhàin a chleachdadh gus rian a chumail air na co-phàirtean na sgrìobhainn, ach cuideachd gus smachd a chumail air a h-uile clann an loga bacaidh a shònrachadh, mar eisimpleir, div * {}.

Buannachdan - faodaidh tu smachd a chumail air àireamh mhòr de nithean aig an aon àm.

Dona - chan eil gu leòr sùbailte roghainn. A thuilleadh air sin, a 'cleachdadh seo roghnaichear, ann an cuid de chùisean nas slaodaiche na duilleig-obrach.

le buadhan

Ga dhèanamh comasach smachd a chumail air an eileamaid le sònraichte buadha. Mar eisimpleir, tha thu a 'cur an àireamh de tags le diofar seòrsa buadha. Fear dhiubh - teacsa, an dàrna - facal-faire, an treas - àireamh. Gu dearbh, faodaidh sibh a chur gach clas no a 'Chlàir, ach chan eil e daonnan goireasach. CSS-taghaidh na buadhan ga dhèanamh comasach a shònrachadh airson luachan sònraichte tags le as àirde tron chinnt. Mar eisimpleir, mar seo:

a 'cur [seòrsa =' text '] {}

Roghnaichear seo bidh a h-uile buadhan a thaghadh leis an t-seòrsa teacsa a chur a-steach.

Tha an inneal a tha gu math sùbailte agus faodar a chleachdadh le sam bith de na tags, anns a bheil dòcha gum bi buadhan. Ach chan e sin uile! Tha CSS sònrachadh a tha an comas air smachd a chumail air na h-eileamaidean le fiù 's nas goireasaiche!

Smaoinich gu bheil duilleag agad a tha a 'cur ris an buadha placeholder = "Cuir a-steach ainm" agus a' cur placeholder = "Cuir a-steach facal-faire." Faodaidh iad cuideachd a bhith air an taghadh a 'cleachdadh an roghnaichear! Gus seo a dhèanamh, a 'cleachdadh an structair a leanas:

a 'cur [placeholder = "Cuir a-steach an t-ainm"] {} no a' cur [placeholder = "Cuir a-steach facal-faire"]

'S dòcha nas sùbailte obair le buadhan. Nach can thu tha grunn tags le coltach buadhan Tiotal a 'Chlàir (mar eisimpleir, "Caspian" agus "Caspian"). A thaghadh an dà chuid, a 'cleachdadh na leanas Selections:

[Tiotal a 'Chlàir * = "Kaspiysk"]

Bidh CSS thaghadh a h-uile nithean ann an tiotal a tha samhlaidhean "Caspian", ie. E., agus "Caspian" agus "Caspian".

Faodaidh tu cuideachd a 'taghadh tags a tha a' tòiseachadh le caractar sònraichte feartan:

[Tiotal a 'Chlàir ^ = "caractar thu ag iarraidh"] {}

no crìoch a chur orra:

[Tiotal a 'Chlàir $ = "ceart caractar"] {}.

Buannachdan - sùbailteachd as motha. 'S urrainn dhut a thaghadh sam bith a th' ann duilleag eileamaidean gun deidheadh le na clasaichean.

Eas-bhuannachdan - an ìre mhath air a chleachdadh ach ainneamh, a-mhàin ann an suidheachaidhean sònraichte. Tha mòran lìn dealbhachaidh a 'fheàrr leis a modhan-obrach, bhon a' phuing nas fhasa na tha clas a chur air dòigh iomadh eadar camagan ceàrnach agus soidhnichean "co-ionnan." A bharrachd air a sin, taghaidh nach eil ag obair ann an Internet Explorer tionndaidhean 7 agus gu h-ìosal. Ach, a tha a-nis feumaidh an t-seann Internet Explorer?

fuadain a 'chlas-taghaidh

Ceart a-fuadain inbhe eileamaid. Mar eisimpleir ,: iadhadh - dè thachras do na phàirt de na duilleig nuair a bhios tu a 'tadhal air iadhadh ,: - a thadhail cheangal. Tha e cuideachd a 'gabhail a-steach eileamaidean mar: a' chiad phàiste agus: Air-leanabh.

An seòrsa seo de roghnaichear gu gnìomhach a chleachdadh ann an cruth nuadh, oir taing do e urrainn dhut a dhèanamh an duilleag "beò" gun cleachdadh na JavaScript. Mar eisimpleir, tha thu ag iarraidh dèanamh cinnteach gu bheil nuair a tha thu iadhadh thairis air a 'phutan leis a' chlas de btn a dath atharrachadh. Gus seo a dhèanamh, tha sinn a 'cleachdadh an structair a leanas:

.btn: iadhadh {

chùl-dath: dearg;

}

Beauty Faodar an sònrachadh ann an bunaiteach air feartan a 'phutan, a' gluasad-seilbh, mar eisimpleir, 0.5s - sa chùis seo, a 'phutan cha athaidh sa bhad, agus taobh a-staigh leth dàrna.

Buadhan - a tha gan cleachdadh airson "ath-bheothachadh" de dhuilleagan. Furasta a cleachdadh.

Eas-bhuannachdan - nach eil iad. 'S e seo dha-rìribh feumail inneal. Ach, feadhainn lìn dealbhaidh urrainn a dhol air chall ann an lìonmhorachd de fuadain-clasaichean. A tha an duilgheadas fhuasgladh sgrùdadh agus a chleachdadh.

fuadain-taghaidh

"Fuadain" - tha iad sin na pàirtean de na duilleag nach eil ann an HTML, ach tha iad fhathast a dh'fhaodas a bhith air a stiùireadh. Cha robh thu a 'tuigsinn? Tha e mòran nas fhasa na tha e coltach. Mar eisimpleir, tha thu ag iarraidh a dhèanamh a 'chiad litir anns an t-sreang mòr agus dearg, a' fàgail eile beag agus dubh teacsa. Gu dearbh, faodar a cho-dhùin an litir sin ann an rèis le cuid a 'chlas, ach tha e fada agus dòrainneach. Tha e mòran nas fhasa a thaghadh air fad paragraf agus a 'cleachdadh fuadain :: chiad litir. Tha e a 'toirt cothrom airson smachd a chumail air coltas a' chiad litir.

Tha gu math àireamh mhòr de fuadain-eileamaidean. Dèan liosta dhiubh ann an aon artaigil eil e coltach gu soirbheachadh. Gheibh sibh fiosrachadh iomchaidh ann as fheàrr leat search engine.

Buannachdan - sùbailteachd a thoirt a ghnàthachadh air coltas na duilleig.

Eas-bhuannachdan - ùr dhaibh tric tha breisleach. Selections mòran de an seòrsa obrach seo a-mhàin ann an cuid de bhrobhsairean.

Airson geàrr-chunntas

Selector - cumhachdach inneal sgrìobhainn sruth smachd. Taing dha, faodaidh sibh a thaghadh gach aon phàirt den duilleig (tha fiù 's pàirt dheth a-mhàin). Bi cinnteach gu bheil ionnsachadh na roghainnean uile a tha ri fhaotainn, no fiù 's a' sgrìobhadh sìos iad. Tha seo gu sònraichte cudromach ma tha thu iom-fhillte a chruthachadh duilleagan le dhealbhachadh nuadh-aimsireil agus tòrr de eileamaidean eadar-ghnìomhail.