CSS: font awọ, ara, Àpẹẹrẹ, iwọn

Siseto - digi: ni àtetekọṣe li ọrọ na, ki o si ko reflected pada. Ati ki o gan ni kiakia ti o ni lati "ayipada": akọkọ digi, ki o si awọn ọrọ ... Ni aaye yi, cascading ara dì - ti wa ni o dara, sugbon idi ti ki gun o ti lọ lati lokan a developer? CSS - o ni gbogbo awọn kanna orun igba akoko ti kọmputa eto, sugbon nikan ni kan yatọ si irisi. Ani nigbati awọn ọpọ eniyan di associative Iyika ti wa ni ko ti ṣe.

aaye ayelujara iwe - o afi HTML-díjítà, eyi ti o le wa ni Wọn si kan awọn ara tabi ara kilasi idamo. Ni igba akọkọ ti le wa ni telẹ ni kete ti ati ki o si ẹ si ohunkohun bi ti nilo lẹẹkan, awọn keji je ti si kan pato ano.

Gbogbo kannaa ti awọn apejuwe ti aza

Nipa atọwọdọwọ, awọn ara wa ni gbe ninu awọn CSS-faili, ṣugbọn le ti wa ni Wọn si kan pato ano ni awọn oniwe-ara ro. Awọn ara le ti wa ni da ni awọn dainamiki ti JavaScript irinṣẹ. Ti pato pataki ni ko bi a se sapejuwe, fun apẹẹrẹ, nipa ọna ti CSS awọ font, awọn oniwe-iwọn, agbekari, lẹhin labẹ ki o si bẹ lori. Location apejuwe ara jẹ pataki ninu awọn ti o tọ ti, maa meji ero: awọn nigbamii apejuwe, ki o jẹ kan ti o ga ni ayo, ati ti o ba a sapejuwe ninu awọn ano, o se pataki !. Last gba silẹ bi o ti jẹ, kedere asọye ni ayo.

Waye ni ara to, fun apẹẹrẹ, kan awọn font awọ ayipada awọ, le jẹ nibikibi ati ohunkohun. Awọn ibeere ni bi lati fesi si o ni a kiri nigba ti disassembly ti gbogbo aza jọ. Bi o Elo ni o na lori yi Sipiyu?

Apere, font awọ yẹ ki o wa itọkasi ni ẹẹkan - o kan Ayebaye. Ro jade lati kan o rọrun apejuwe kan ti a tọkọtaya, ati ki o si miran ati awọn miiran ... dajudaju, ti o le. O ti wa ni asiko, sugbon wulo.

Apere gbogbo kannaa

Oyimbo nìkan ṣiṣe nipasẹ CSS awọ fun gbogbo awọn mẹta eroja, o jẹ ṣee ṣe lati gba ni o kere meta gun-nṣiṣẹ isoro:

# Ele1, # Ele2, # Ele3 {
Ipo: idi;
osi: 20px;
oke: 14px;
awọ: pupa;
}

# Ele2, # Ele3 {
osi: 90px; // yi awọn CSS petele ipoidojuko
awọ: ofeefee; // yi awọn awọ ti awọn fonti CSS
}

# Ele3 {
oke: 114px; // yi awọn CSS inaro ipoidojuko

awọ: alawọ ewe; // lekan si yi awọn awọ ti awọn fonti CSS

lẹhin-awọ: lightgrey; // CSS ọrọ saami awọ yi pada, ṣugbọn yi ni ko bayi ni # Ele1 ati # Ele2; ipo tun yipada, sugbon o ti yi pada ni # Ele2 ati ki o ko, bi nibi

}

Bayi a ni lati ranti wipe gbogbo awọn ti awọn mẹta eroja ti wa ni telẹ ibikan, ati ninu awọn iṣẹlẹ ti a ayipada ti awọ awọn atungbejade ti awọn ojula eni, awọn Olùgbéejáde yoo ni lati ranti ko nikan nipa awọn awọ, sugbon tun nipa awọn osi ofin ati oke, ati paapa lati yi awọn saami awọ ti awọn ọrọ yẹ ki o wa ko le gbagbe.

Ko gbogbo Difelopa ti wa ni revered ibeere CSS: Style ID - nikan kan ano, ati awọn kilasi ara - ọpọlọpọ awọn afi, Yato si awọn ti o kẹhin ti ṣee ṣe ojuami ninu awọn afi bi Adjectives:

• ṣeto awọn font awọ ni CSS - ara groundColor kilasi;
• pato awọn font iwọn - kilasi size15;
• ṣeto ipo - kilasi PlaceUp.

Nipa ti, awọn lilo ti identifiers, paapa nigbati nwọn wa si kanna siṣamisi ano, awọn oke mẹwa ara kilasi, ya ni orisirisi awọn akojọpọ ti ogogorun ti iwe eroja. Ṣugbọn ohun gbogbo ni o ni awọn oniwe-ara ohun kannaa.

Awọn Olùgbéejáde nìkan gbọdọ tọ ya sinu iroyin: paapa ti o ba font awọ ti HTML, CSS nfun lati se apejuwe lile, ni irọrun ti awọn ìwò be ti awọn apejuwe - ti o ni rẹ ise.

O ti ṣe yẹ esi ti lilo wọpọ kannaa

Modern burausa wa ni itura pẹlu kan pupo ti ara awọn faili ati ipele. Sibẹsibẹ, nse, ni pato nipasẹ awọn CSS, awọ gbogbo iwe, o yẹ ki o ma ro ti reasonable sufficiency. Ko gbogbo ara awọn ofin "poku" wo ni awọn ohun elo. Simple laconic titẹsi: * {awọ: funfun;} - esan lẹwa, sugbon o kan si gbogbo awọn eroja ti awọn iwe, lai sile.

Ninu gbogbo awọn ofin, eyi ti o ti ni ipese pẹlu CSS, ni pataki:

• ara - kilasi, ati ki o si awọn orukọ bẹrẹ pẹlu, "."
• ara - idamo ati awọn oniwe-orukọ bẹrẹ pẹlu a "#" kikọ silẹ;
• ni awọn igba - a orukọ tag tabi nkankan pataki

Awọn ti o ku apa ti awọn apejuwe ero ni Styles (ogún-ini ni lqkan, ayo, ipo, ibere ati bi. D.) yẹ ki o wa lo intelligently ati ki o muna pataki.

Awọn kiri nigbagbogbo padanu, ma ṣe ṣe jade ninu awọn apejuwe, ki awọn pataki iyanilẹnu yoo ko. Ti o ba ti nkankan je ko ni ọtun ibi tabi ṣeto awọn font awọ ni CSS ni ko ṣee ṣe, nitorina, ni awọn ara ti awọn aṣiṣe.

airotẹlẹ anfani

Ko yẹ ki o wa ni ti reje aza bi * {osi: 124px; } tabi

ol ol, ol ul, ul ul, ul ol {ala-isalẹ: 0; }
a img {ààlà: 0; }

Biotilejepe o jẹ soro lati ṣe paapa kan alakobere Olùgbéejáde lati lo CSS ofin bi ti won wa. Nigbagbogbo ninu idagbasoke ti eyikeyi ojula, ani daradara o rọrun CSS sintasi yoo fun airotẹlẹ isoro. Sibẹsibẹ, ti o ba taara akitiyan lati awọn ti o tọ lilo ti awọn sintasi, ṣugbọn waye ni JavaScript iṣẹ-ni titun ati ki o airotẹlẹ anfani yoo yago fun monotonous ṣẹda identifiers fun kọọkan ano, tabi lati se atẹle awọn lilo ti awọn orisirisi ti aza ati kilasi.

CSS - ni ko nikan a ara faili ti wa ni ti sopọ si awọn iwe nipasẹ awọn ọna asopọ tag tabi fi sii sinu o nipasẹ awọn ara tag. O tun ṣee ṣe lati ṣẹda a ara lori awọn fly tabi yipada ohun tẹlẹ ọkan.

Nipa lilo CSS, awọn font awọ le ṣee ṣe programmatically. Bi daradara bi awọn iwọn ati ki o ipo, ala. Aaye ayelujara - ni ko kan ìlépa lati waye ni imo ni CSS, HTML, PHP tabi JavaScript ipa filasi.

Web awọn oluşewadi - ni akọkọ ti gbogbo alaye ti a nṣe ni kan awọn ọna. Ti o ni idi CSS ti wa ni ti o dara ju ti ri ninu awọn dainamiki nipasẹ awọn lẹnsi ti bi o ti jẹ ṣee ṣe lati dagba, nigba ti iwe jẹ ṣi lori olupin (o jẹ ko wa PHP ni akoko nigbati awọn ojula alejo wá, ko ni Olùgbéejáde ni akoko nigbati o ti sese ojula), awọn ti o fẹ stylesheet kan pato ọrọ fun o yẹ akoonu, tabi lati ṣẹda kan ara kilasi tabi idamo lori fly bi awọn iwe ti wa ni sise, nigba ti o wulẹ ni kan pato alejo.

aimi dainamiki

A yẹ ki o ko nigbagbogbo kọ fafa ri JavaScript-koodu lati ṣe ìmúdàgba akoonu ati awọn oniwe-oniru - ohun deedee akoonu. Nigba miran o jẹ to lati daradara lo wa àǹfààní. Ni pato, nipa asọye CSS font awọ lakoko aimi ofin, o le pa ofin yi (pamọ) ati visualize o yatọ si (han).

Nibi, awọn agbọrọsọ ko ni ko beere awọn alugoridimu:

// lati saami awọn input bọtini lori aaye ayelujara
iṣẹ scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'han' .;
}

// tọju awọn input bọtini lori aaye ayelujara
sisẹ scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'pamọ' .;
}

CSS nfun ara dainamiki: tickers, sihin eroja, orisirisi embodiments overlays, han, silẹ awọn awọ. Ni CSS, awọn font awọ le ti wa ni ṣe ani ki wipe ko si ọkan stylistic ofin ti ko ba ti pese.

Ìmúdàgba akoonu àpapọ

Ti o ba ti nibẹ wà ko si ìtéwúgbà, boya nibẹ ni yio jẹ ko si ilọsiwaju. Kan ko ohun ti o wà bi lati ja. Hypertext wá sinu aye kan pupo ti dogma. O jẹ akoko lati san ifojusi si wọn ati lati bẹrẹ to sese ojula ni a pragmatic ati ki o wulo ara.

Lakoko, nibẹ ni a iwe (P), diẹ ninu awọn ti rẹ akoonu (K), gbogbo awọn afi ti awọn iwe ti wa ni apejuwe ninu awọn ara dì (S). Ko titun kan fọọmu P iwe nipasẹ PHP tabi Perl lori olupin nipa yan K lati database. Wa tẹlẹ ara dì S yoo tẹle laifọwọyi. Sibẹsibẹ, K le wa ni yipada, ati ni ọpọlọpọ igba, iru kan ayipada yoo fa awọn nilo fun miiran aza, ti o ni, S +.

Fun apẹẹrẹ, awọn onibara sọ pé: "The ojula apejuwe awọn aye ti Moscow, yoo wo dara ti o ba ti iroyin ìwé ti wa ni dara si ni awọn ara ti" ZaZavtrakom ", apejuwe awọn night bustle ni awọn ara ti" Las Vegas "ati ìwé lori imo ijinle sayensi ati imo itesiwaju ninu awọn ara ti" ModernTehno. ' " Sugbon ti o ba ti a ṣe S on mẹta ti awọn wọnyi awọn aṣayan, nibẹ ni ko si lopolopo ti awọn onibara yoo ko ni awọn agutan lati ni a ti ṣeto ti ìwé "News", "isinmi", "Work», «CSS / HTML» ajeseku "HozyaykeNaZametku".

Miran ona siwaju sii to wulo. Lai ti awọn eya ti awọn article nibẹ jẹ nigbagbogbo awọn akoonu ti o le wa ni ya ni kan awọn awọ. Nibi ni ibi yi nibẹ ni oyimbo kan ni imọ agutan: gba kan pato K, si tun lori olupin lati se ina ohun deedee S, ati awọn kiri yoo beere P, o yoo gba awọn ọtun akoonu ninu awọn ti dara kiliaransi.

Dainamiki ara ti JavaScript

Kere, biotilejepe doko ojutu - lati ṣe awọn iselona taara ni awọn ose ká kiri ayelujara. First, o relieves awọn olupin - yoo ko ni lati na akoko lori awọn Ibiyi ti hypertext ojúewé ati ara awọn faili fun o.

Keji, awọn adayeba egbin ti akoko inu awọn kiri yoo ṣẹda awọn ipa ti awọn iwe ti wa ni tẹdo nipasẹ owo ati actively atilẹyin asoyepo pẹlu awọn alejo: o si tun ko ni ri awọn akoonu ni olopobobo, nitorina, o yoo fẹ a dédé ati ki o laniiyan alaye wu.

Kẹta, ti o faye gba awọn Olùgbéejáde lati pese awọn alejo siseto ti awọn akoonu ni yi ara, ninu eyi ti o ti wa ni itura. O ni ko ani enikeni.

Lati se yi agutan, o nilo lati se kan siseto fun ṣiṣẹda eroja ti ara lẹsẹkẹsẹ lẹhin awọn iwe èyà, ati ninu papa ti awọn oniwe-isẹ. Modern ojula - o ni AJAX ni kan pato fọọmu. O ti wa ni ko soro lati gbe jade awọn Ibiyi ti aza taara ni awọn ilana ti Ibiyi ti awọn iwe igi. O rorun, ti ifarada ati ki o munadoko, nitori awọn akoonu jẹ pẹlú pẹlu rẹ ìforúkọsílẹ.

Eyi ko tako awọn igbalode ifarahan lati pàla awọn igbejade ti data lati processing ošišẹ lori awọn data ati ki o nlọ ni àpapọ.

CSS bi ohun ti nṣiṣe lọwọ eroja

Hypertext mu a pupo ti o dara, sugbon nikan kan kekere ida ti awọn adayeba alaye ti a ni ifijišẹ formalized, nibẹ wà irinṣẹ ati iriri ni ṣiṣẹda ga-didara HTML, XML, CSS iwe aṣẹ. Ko kan isoro to se igbekale titun ipele ti alaye ati ki o yi tẹlẹ ṣe sẹyìn.

Pẹlu ọwọ si CSS, yi ilana ti wa ni mu ṣiṣẹ ninu a patapata ti o yatọ o tọ. -Itumọ ti ni irinṣẹ ni JavaScript, muu "lori fly" lati ṣẹda eroja ati aza ti awọn eroja kò fokansi iru kan seese, ati awọn creators ti PHP, ni pato, gbà lati wa ni npe ni Ibiyi ti nikan HTML ojúewé.

Mejeji akọkọ ati awọn keji faye gba o ṣe siseto aza. Yi titun itọsọna ni awọn aaye ti alaye ọna ẹrọ. Styles ni riro siwaju sii lodo ohun ju XML tabi HTML, awọn ofin ni o wa irorun. Style jẹ nigbagbogbo bayi ni awọn alaye, ko si bi adayeba ti o je.

Iforukọ database pirogirama ti wa ni npe nigbagbogbo ni a Elo diẹ formalized apa, ṣugbọn CSS akori - a irorun-ṣiṣe, sugbon bakan kò gba sinu awọn aaye ti wo ti awọn idagbasoke ilana.

Lori awọn dogma ni awọn aaye ti siseto

Bi ohun tente, a dogma ko le gun expanses furrowing alaye. Ti o ti kọja iriri ni lati koju ko nikan ni HTML- ati CSS-ajohunše, irinṣẹ lati ṣiṣẹ pẹlu wọn, ìmọ Difelopa.

A o rọrun-ṣiṣe - lati ṣe nipasẹ CSS font awọ - ti ri ni pipe ojutu. Awọn ofin, sintasi, kannaa ati itunu wa ni indisputable. Sugbon ani nigbati awọn font si gangan ni ko kan pupo ti awọn awọ fun iwa, ju Elo jẹ ko wulo, ki o si nitootọ fun awọn idi ti awọn otito, ti ipa ko ni nilo gbogbo awọn akojo "agbara» HTML ati CSS, nibẹ ba wa ni akoko nigbati awọn situational imo lọ si tun ki o si han iriri ati irinṣẹ ti awọn adayeba Ibiyi ti aza ti akoonu.

Bawo ni yoo yi je, ko le wa ni o šee igbọkanle ko o, sugbon ti awọn ilana jẹ tẹlẹ labẹ ọna, o han ni.