CSS: cló dath, stíl, patrún, méid

bhí ar dtús an focal, agus ní le feiceáil ar ais: an scáthán - Programming. Agus go han-tapa go raibh sé le "athrú": an chéad scáthán, ansin an focal ... Ag an bpointe seo, cascáideacha stílbhileog - Tá go maith, ach cén fáth fad é a bhí ag dul chun aigne forbróir? CSS - tá sé go léir na hamanna eagar céanna an ré na cláir ríomhaire, ach amháin i thaobh éagsúla. Fiú nuair a thagann na maiseanna nach bhfuil réabhlóid associative dhéanamh.

leathanach gréasáin - tags sé HTML-marcála, is féidir a chur i leith aitheantóir áirithe stíl nó stíl ranga. Is féidir leis an chéad a shainiú uair amháin agus a ascribe le rud ar bith ag teastáil go géar ama, agus go mbaineann an dara ceann leis ina ghné ar leith.

An loighic ginearálta an cur síos ar stíleanna

De réir traidisiúin, tá an stíl a chur sa CSS-comhad, ach is féidir a chur i leith eilimint ar leith ina tréith stíl. Is féidir leis an stíl a chruthú sa dinimic na n-uirlisí JavaScript. Tá tábhacht ar leith nach bhfuil cur síos mar, mar shampla, trí bhíthin CSS dath cló, ar a mhéid, an headset, cúlra faoi é agus mar sin de. Is Suíomh Cur síos Stíl tábhachtach i gcomhthéacs, de ghnáth dhá smaoineamh: an níos déanaí cur síos, mar sin tá sé tosaíocht níos airde, agus má cur síos orthu sa eilimint, a dhéanann sé tábhachtach !. Last thaifeadadh mar go bhfuil sé, sainmhíniú soiléir ar an tosaíocht.

Cuir iarratas isteach ar an stíl a, mar shampla, dath áirithe athrú dath cló, is féidir a bheith in áit ar bith agus rud ar bith. Is í an cheist conas freagairt dó i bhrabhsálaí le linn na disassembly de gach stíleanna le chéile. Cé mhéad a chaith sé ar an LAP?

Go hidéalach, ba chóir dath cló a léiriú ach aon uair amháin - tá sé ina clasaiceach. Smaoinigh i gcrích go dtí cur síos simplí de lánúin, agus ansin ceann eile agus ceann eile ... ar ndóigh, is féidir leat. Is faiseanta, ach praiticiúla.

SAMPLA loighic ginearálta

Go leor a chinneadh go simplí ag dath CSS do na trí ghné, is féidir a fháil ar a laghad trí fadhbanna fada ag rith:

# Ele1, # Ele2, # Ele3 {
POST: iomlán;
chlé: 20px;
top: 14px;
Dath: dearg;
}

# Ele2, # Ele3 {
chlé: 90px; // athrú ar na comhordanáidí CSS cothrománach
Dath: buí; // athrú ar an dath an CSS cló
}

# Ele3 {
top: 114px; // athrú ar an CSS ingearach chomhordú

Dath: glas; // athrú arís ar an dath an CSS cló

cúlra-dath: lightgrey; // Dath CSS aird a tharraingt téacs athrú, ach nach bhfuil sé seo i láthair sa # Ele1 agus # Ele2; seasamh athrú freisin, ach tá sé tar éis athrú i # Ele2 agus ní, mar atá anseo

}

Anois, ní mór dúinn a mheabhrú go bhfuil gach ceann de na trí ghné atá sainithe áit éigin, agus i gcás ina mbeidh athrú ar uiríll dath an t-úinéir suíomh, beidh an forbróir a mheabhrú, ní hamháin mar gheall ar an dath, ach freisin mar gheall ar na rialacha ar chlé agus barr, agus fiú a athrú nár chóir an dath aird a tharraingt ar an téacs a dearmad a dhéanamh.

Níl gach forbróirí revered riachtanas CSS: ID Style - ach gné amháin, agus an stíl ranga - go leor tags, sa bhreis ar an bpointe deireanach is féidir sna clibeanna mar aidiachtaí:

• a leagtar ar an dath an chló sa CSS - aicme groundColor stíl;
• sonrófar ann an chlómhéid - size15 rang;
• a leagtar seasamh - aicme PlaceUp.

Ar ndóigh, an úsáid a bhaint aitheantóirí, go háirithe nuair a bhaineann siad leis an eilimint chéanna marcáil, an barr deich ranganna stíl, péinteáilte i meascáin éagsúla de na céadta na n-eilimintí leathanach. Ach tá gach rud a loighic oibiachtúil féin.

Ní mór an forbróir a ghlacadh ach mar is ceart san áireamh: fiú má tá an dath cló na HTML, CSS tairiscintí chun cur síos crua, an solúbthacht an struchtúr foriomlán na tuairiscí - sin a phost.

An toradh a bhfuil súil ar úsáid a bhaint as loighic coitianta

Tá brabhsálaithe nua-aimseartha compordach le go leor de na comhaid stíl agus méideanna. Mar sin féin, a dhearadh, go háirithe tríd an CSS, dath an leathanach ar fad, ba cheart duit smaoineamh i gcónaí ar leordhóthanacht réasúnta. Níl gach rialacha stíl "saor" breathnú san iarratas. iontráil laconic Simplí: * {dath: bán;} - is cinnte go hálainn, ach feidhm aige maidir le gach gné den leathanach, gan eisceacht.

As na rialacha, atá feistithe le CSS, an ceann is tábhachtaí:

• stíl - aicme, agus ansin a thosaíonn an t-ainm le, "."
• Stíl - aitheantóir agus a ainm a thosaíonn le "#" carachtar;
• i gcásanna eile - clib ainm nó rud éigin speisialta

An chuid eile de na smaointe cur síos sa teanga Stíleanna (airíonna oidhreacht forluí, tosaíochtaí, post, ordú agus a leithéidí. D.) chóir a úsáid intelligently agus fíor-riachtanach.

Ní bhaineann na bhrabhsálaí gcónaí chailleann, a dhéanamh amach sa chur síos, ionas nach mbeidh na surprises speisialta. Más rud é nach raibh rud éigin san áit cheart nó a leagtar nach bhfuil dath an chló i CSS is féidir, dá bhrí sin, i stíl an earráid.

deiseanna gan choinne

Níor chóir a stíleanna cosúil le * {chlé mí-úsáid: 124px; } nó

ol ol, ol ul, ul ul, ol ul {margin-bun: 0; }
a img {teorann: 0; }

Cé go bhfuil sé deacair a dhéanamh fiú forbróir novice a úsáid rialacha CSS mar atá siad. I gcónaí i bhforbairt aon suíomh, tugann fiú breá simplí CSS error fadhbanna gan choinne. Mar sin féin, más rud é iarracht díreach chuig an úsáid cheart an error, ach iarratas a dhéanamh go bhfuil an fheidhmiúlacht JavaScript Beidh deiseanna nua agus gan choinne a sheachaint monotonous aitheantóirí chruthú do gach eilimint, nó chun monatóireacht a dhéanamh ar úsáid a bhaint as an réimse stíleanna agus ranganna.

Is ní hamháin comhad stíl atá ceangailte leis an leathanach tríd an chlib nasc nó a cuireadh isteach isteach é tríd an chlib stíl - CSS. Is féidir freisin a chruthú stíl ar an eitilt nó a athrú ar cheann atá ann cheana.

Trí úsáid a bhaint CSS, is féidir leis an dath an chló a dhéanamh programmatically. Chomh maith leis an méid agus suíomh, corrlaigh. Láithreán - nach bhfuil sprioc a an t-eolas i CSS, HTML, PHP nó éifeachtaí JavaScript flash.

Tá an gcéad de-eolas go léir ar fáil ar bhealach áirithe - acmhainn gréasáin. Sin é an fáth go bhfuil CSS fearr le feiceáil sa dinimic tríd an lionsa de conas is féidir a fhoirmiú, cé go bhfuil an leathanach fós ar an bhfreastalaí (nach bhfuil sé PHP fáil an tráth a tháinig an cuairteoir suíomh, nach bhfuil an forbróir ag an am nuair a bhí sé ag forbairt ar an suíomh), an stílbhileog atá ag teastáil téacs ar leith le haghaidh ábhar ábhartha, nó a chruthú d'aicme stíl nó aitheantóir ar an eitilt mar an leathanach atá ag obair, nuair a tá sé ar chuairteoirí ar leith.

dinimic statach

Níor chóir dúinn a scríobh i gcónaí sofaisticiúla aimsiú JavaScript-cód a dhéanamh ar ábhar dinimiciúil agus a dhearadh - an t-ábhar leordhóthanach. Uaireanta, bíonn sé go leor a úsáid i gceart na deiseanna atá ar fáil. Go háirithe, trí bhíthin CSS dath cló riail dtús statach, is féidir leat a cheilt an riail (i bhfolach) agus visualize difriúil (infheicthe).

Anseo, nach bhfuil an cainteoir a cheangal ar an algartam:

// aird a tharraingt ar an gcnaipe ionchur ar an suíomh gréasáin
fheidhm scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'infheicthe' .;
}

// cheilt ar an gcnaipe ionchur ar an suíomh gréasáin
feidhmiú scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'i bhfolach' .;
}

CSS Cuireann dinimic féin: tickers, eilimintí trédhearcach, embodiments éagsúla overlays, taispeántais, dathanna fading. Go CSS, is féidir leis an dath an chló a dhéanamh fiú mar sin nach bhfuil aon riail stíle amháin ar choinníoll.

Taispeáint ábhar dinimiciúil

Más rud é nach raibh aon dogmas, b'fhéidir go mbeadh aon dul chun cinn. Just a ní conas mar a bhí dul i ngleic. Hipirtéacs tugtha isteach i saol a lán de dogma. Tá sé in am aird a thabhairt orthu agus chun tús a láithreáin i stíl pragmatach agus praiticiúil a fhorbairt.

Ar dtús, tá an leathanach (P), cuid de do ábhar (K), déantar cur síos ar na clibeanna an leathanaigh sa stílbhileog (S). Ní leathanach foirm P nua trí PHP nó Perl a aimsiú ar an bhfreastalaí ag roghnú K ón mbunachar sonraí. Beidh ann cheana stílbhileog S a leanúint go huathoibríoch. Mar sin féin, d'fhéadfadh K a athrú, agus i bhformhór na gcásanna, bheadh a leithéid d'athrú i gceist leis an ngá atá le stíleanna eile, is é sin, S +.

Mar shampla, dúirt an gcustaiméir: "cur síos ar an suíomh ar an saol Moscó a bheidh, cuma níos fearr má tá an ailt nuachta atá maisithe i stíl" ZaZavtrakom ", cur síos ar an bustle oíche i stíl" Las Vegas "agus ailt ar an dul chun cinn eolaíoch agus teicneolaíoch i stíl" ModernTehno ' ". Ach má théimid S ar thrí cinn de na roghanna seo, níl aon ráthaíocht nach mbeidh an custaiméir an smaoineamh go mbeadh sraith d'ailt "Nuacht", "lá saoire", "» Obair, «CSS / HTML» bónas "HozyaykeNaZametku".

Cur chuige eile níos praiticiúla. Beag beann ar an gcatagóir an t-alt go bhfuil an t-ábhar is féidir a bheith péinteáilte i dath áirithe ann i gcónaí. Anseo san áit seo tá go leor le smaoineamh ciallmhar: fháil K leith, fós ar an bhfreastalaí a ghiniúint S leordhóthanach, agus beidh an bhrabhsálaí dhíth P, beidh sé a fháil ar an t-ábhar ceart sa imréitigh cuí.

Dinimic stíl JavaScript

Íosta, cé go réiteach an-éifeachtach - a dhéanamh ar an styling go díreach sa bhrabhsálaí chliaint. Gcéad dul síos, relieves sé an bhfreastalaí - ní bheidh ag am a chaitheamh ar an foirmiú na leathanaigh hipirtéacs agus comhaid stíl chun é.

Dara, beidh an dramhaíl nádúrtha ama taobh istigh den bhrabhsálaí chruthú ar an éifeacht go bhfuil an leathanach ar áitiú ag gnó agus tacaíocht ghníomhach idirphlé leis an chuairteora: sé nach bhfuil fós a fheiceáil an t-ábhar ar an mórchóir, mar sin, bheadh sé buíochas a aschur eolais comhsheasmhach agus tuisceanach.

Sa tríú háit, cuireann sé ar an bhforbróir chun an mheicníocht na gcuairteoirí ar an t-ábhar sa stíl, ina bhfuil sé compordach a chur ar fáil. Níl sé fiú aon duine.

Chun an smaoineamh seo a chur i bhfeidhm, ní mór duit meicníocht a chur i bhfeidhm maidir le gnéithe de stíl a chruthú díreach tar éis na hualaí leathanach, agus le linn feidhme an Rialacháin. láithreán Nua-Aimseartha - tá sé AJAX i bhfoirm áirithe. Níl sé deacair a chur i gcrích ar an foirmiú na stíleanna go díreach sa phróiseas foirmiú an chrainn leathanach. Tá sé éasca, inacmhainne agus éifeachtach, toisc go bhfuil an t-ábhar i dteannta a chlárú.

Ní bhaineann sé seo salach ar an claonadh nua-aimseartha a scaradh i láthair na sonraí ó na próiseála a dhéanfar ar na sonraí agus ag fágáil sa taispeáint.

CSS mar chomhábhar gníomhach

Hipirtéacs thug a lán de maith, ach ach cuid bheag beag den fhaisnéis nádúrtha ar bhonn foirmiúil go rathúil, bhí uirlisí agus taithí a chruthú HTML ard-chaighdeán, XML, doiciméid CSS. Gan fadhb a dhéanamh foirmiúil an líon nua na faisnéise agus leis an athrú a rinneadh níos luaithe cheana.

Maidir le CSS, tá an próiseas i ngníomh i gcomhthéacs go hiomlán difriúil. Tógtha-i uirlisí i JavaScript, ar chumas "ar eitleog" chun gnéithe agus stíleanna na heilimintí nach raibh réamh-mheas sórt sin an deis a chruthú, agus an creators PHP, go háirithe, a chreidtear a bheith ag gabháil i bhfoirmiú leathanaigh HTML amháin.

Tá an chéad agus an dara ceadaíonn dhéanamh stíleanna cláir. An treoir nua i réimse na teicneolaíochta faisnéise. Stíleanna rud i bhfad níos foirmiúla ná an XML nó HTML, is iad na rialacha an-simplí. Tá stíl i láthair san fhaisnéis i gcónaí, is cuma cé chomh nádúrtha a bhí sé.

ríomhchláraitheoirí bunachar Clárú ag gabháil i gcónaí i earnálacha i bhfad níos foirmiúla, ach CSS téama - tasc an-simplí, ach ar bhealach ní raibh dul isteach ar an réimse radhairc den phróiseas forbartha.

Ar an dogma i réimse an chláir

Cosúil iceberg, ní féidir le dogma expanses fada furrowing faisnéis. Bhí taithí roimhe seo chun díriú, ní hamháin i HTML-agus CSS-chaighdeáin, uirlisí a bheith ag obair leo, forbróirí eolais.

A tasc simplí - a dhéanamh trí dhath cló CSS - d'aimsigh an réiteach foirfe. Rialacha, tá error, loighic agus compord indisputable. Ach fiú nuair a bhfuil an cló i ndáiríre nach bhfuil a lán de na dathanna le haghaidh cleachtais, nach bhfuil i bhfad ró-riachtanach, agus go deimhin chun críche virtualization na réaltachta ní gá go léir na carntha "bhfeidhm» HTML agus CSS, a thagann ann am nuair a an t-eolas staide téigh go dtí an atáirgeadh agus ar taispeáint taithí agus uirlisí ar an foirmiú nádúrtha stíleanna ábhair.

Cén chaoi a mbeidh sé seo nach féidir, a bheith go hiomlán soiléir, ach go bhfuil an próiseas cheana féin, ar ndóigh.