CSS-roghnaichear, agus a pàirt ann an cruth html-sgrìobhainn

A 'cruthachadh làrach-lìn agus tha e a' lìonadh le cuid de na duilleag-lìn, a h-uile duine bhios ùine mar an CSS-roghnaichear. Tha ia 'frithealadh gu barrachd co-dhùnadh ceart a h-uile eileamaid de html-faidhl aca dealbhadh agus location air an duilleag. Gus seo a dhèanamh, a 'cruthachadh CSS-sgrìobhainn a mìneachadh cuid de luchd-taghaidh agus an cruth roghainnean: dath, meud, suidheachadh agus eile. Gach lìn dealbhaiche agus bu chòir fios a bhith comasach air ceart-steach miannaichte Selections. Tha iad air an roinn a rèir seòrsa, na prìomh de a tha sinn a 'bruidhinn gu h-ìosal.

Seòrsa taghaidh ann CSS

Crochadh air gu bheil an eileamaid a thathar a 'cur html-cruth, CSS-roghnaichear dòcha co-cheangailte ri aon de na buidhnean a leanas:

• tag roghnaichear;
• roghnaichear clas;
• id-roghnaichear;
• taghadh roghnaichear.

tag roghnaichear

Tha e cuideachd ris an cante "-seòrsa roghnaichear" no "eileamaid", tha e a 'mhòr-chuid sìmplidh agus cumanta. Mar a CSS-sgrìobhainn tha ainmean nan eileamaidean html-faidhl, a tha sinn a 'toirt cunntas. Mar eisimpleir, ma dh'fheumas sinn a chur an paragraf stoidhle, tha sinn a 'sònrachadh na feartan agus an luachan airson an eileamaid p {chùl: x; color: y; size: z}. Anns a 'chùis seo, a h-uile paragrafan an duilleag-lìn bidh an aon Inneal a' Chlàir (background dath, meud an teacsa, agus mar sin air. D.).

roghnaichear clas

Agus ciod ma dh'fheumas tu iarr air do gach paragraf a tha eadar-dhealaichte bho stoidhlichean eile? Gus seo a dhèanamh, tha roghnaichear clas.

CSS-sgrìobhainn ann an seo a bhiodh anns an inntrig an riochd a leanas: p.first {dath: x; font-size: y}. Mar sin, tha sinn a 'mìneachadh feartan "color" agus "meud" a-mhàin airson a' chiad chlas paragraf.

Ann an html-sgrìobhainn anns a 'chùis seo a-steach clas buadha ri ainm an stoidhle an toiseach. Clasaichean urrainn a bhith cho an stoidhle tha thu ag iarraidh cur a-steach airson an duilleag-lìn eileamaidean.

Selector id

Gu math tric tha feum air mìneachadh a thoirt air an stoidhle nas mionaidiche, mar eisimpleir gus aon eileamaid sam bith de na duilleig, no gus blasad orra. Anns an t-suidheachadh seo, taic a 'tighinn id-roghnaichear. Tha am faidhl html a shònrachadh miannaichte Notaichean a ainm a tha a 'comharrachadh e am measg feadhainn eile. Mar eisimpleir, na h-eileamaidean a tha sinn airson a chur eadar-dhealaichte bho eile stoidhle a bhios an t-artaigil tiotal.

An uair sin ann an html-sgrìobhainn a 'sònrachadh an header H1 ÀIREAMH AITHNE, leithid articlename. Agus ann an CSS-faidhle, dè an stoidhle, a 'cur ris a' Chlàir ainm griola: #articlename {dath: gorm; Ur-thaobhadh: center}. Now ar prìomh bi an dath gorm agus stèidhichte.

Gach aon de na seòrsaichean gu h-àrd faodar a ràdh mar "sìmplidh CSS-roghnaichear". Iad a 'mìneachadh an deasachadh airson sònraichte paramadair an html-sgrìobhainn: còmhla coltach eileamaidean (me, a h-uile paragrafan den aiste), aon chlas (mar eisimpleir, a-mhàin a' chiad pharagraf) no sònraichte a 'phìos (mar eisimpleir, an t-artaigil title).

taghadh an luchd-taghaidh

A bharrachd air na h-àrd, tha CSS-taghaidh Feartan - nas iom-fhillte dòigh iarrtas stoidhlichean. Tha e a 'leigeil le cruth html eileamaidean air a thaghadh no luach buadha. Tha iomadh seòrsa seo de roghnaichear:

• le bhith an làthair an buadha;
• aig a luach mionaideach;
• le pàirt luach buadha;
• air a luach sònraichte.

Leig dhuinn beachdachadh air gach aon de na gnèithean sin:

1. Tha a 'chiad chùis. Tha cruth a chur an gnìomh, ma làthair ann an sònraichte buadha html-code (faodaidh e bhith na p, div, header, msaa). Mura bheil e, tha e a 'cleachdadh coitcheann airson a h-uile eileamaid de stoidhle. Mar eisimpleir, airson na h-eileamaidean aig an robh an tiotal (inneal tip).
2. Tha an dàrna cùis. Tha stoidhle a 'buntainn a-mhàin ri an html-eileamaidean aig a bheil an dearbh gèam na buadha luachan. Mar eisimpleir, airson an cur a-steach na h-eileamaidean, far a bheil an luach buadha an t-seòrsa co-ionann ri chur a-steach.
3. Tha an treas cùis. Fo an riochd a-mhàin gabhail a-steach sa liosta de na luachan a tha sònraichte facal. Mar eisimpleir, Sidebar buadha "clas" airson eileamaidean div.
4. Tha an ceathramh chùis. Style a mhìneachadh a-mhàin dhaibhsan a eileamaidean de html-sgrìobhainn, aig a bheil sònraichte buadha Tha luach sònraichte, agus a 'tòiseachadh ris. Mar eisimpleir, a 'cleachdadh an dath a tha air a shònrachadh airson a h-uile eileamaidean a tha a' Bheurla buadha (a dh'fhaodadh a bhith en, en-rus, agus au en-t. D.).

Mar sin, le bhith a 'cleachdadh aon no eile, a' CSS roghnaichear, as fheàrr as urrainn a bhith air a shònrachadh mar an lìn air fad duilleag, agus iomradh air cuid de na h-eileamaidean.