CSS: leturgerð lit, stíl, mynstur, stærð

Forritun - spegill: í upphafi var orðið, og ekki fram aftur. Og mjög fljótt að það þurfti að "breyting": Fyrsta spegil, þá segir ... Á þessum tímapunkti, Cascading stíll lak - er gott, en hvers vegna svo lengi sem það var að fara að huga að verktaki? CSS - það er öllum sama array sinnum tímum tölvuforrit, en aðeins í öðru samhengi. Jafnvel þegar fjöldinn verða tengin bylting er ekki gerð.

Vefsíða síða - það tags HTML-sniði, sem hægt er að rekja til ákveðins stíl eða stíl flokki kennimerki. Fyrsti hægt að skilgreina einu sinni og að Tjáið neitt miklu þörf tíma, og annað tilheyrir ákveðnu frumefni.

Almenna rökfræði lýsingu stíl

Með því að hefð er stíll er sett í CSS-skrá, en hægt er að rekja til tiltekins frumefnis í stíl eiginleiki hennar. Stíllinn er hægt að búa í gangverki JavaScript verkfæri. Sérstaklega mikilvægt er ekki eins og lýst er, til dæmis, með því að CSS lit leturgerð, stærð þess, heyrnartól, bakgrunn undir það og svo framvegis. Lýsing stíll er mikilvægt í samhengi við, yfirleitt tvær hugmyndir: síðar lýst, svo það er meiri forgang, og ef lýst er í frumefni, það gerir mikilvægt !. Síð eins og það er greinilega skilgreinir forgang.

Beita stíl, til dæmis, ákveðin leturgerð litabreyting lit, geta verið hvar sem er og allt. Spurningin er hvernig á að bregðast við henni í vafranum á disassembly af öllum stíl saman. Hversu mikið vissu að hann eyðir á þessum CPU?

Helst letur litur ætti að koma fram aðeins einu sinni - það er klassískt. Hugsaðu út í einföldum lýsingu á þeim, og svo annan og annan ... auðvitað þú getur. Það er í tísku, en hagnýt.

EXAMPLE almenn rökfræði

Einfaldlega ræðst af CSS lit fyrir alla þrjá þætti, það er hægt að fá að minnsta kosti þrjú löng gangi vandamál:

# Ele1, # Ele2, # Ele3 {
STAÐA: alger;
vinstri: 20px;
efst: 14px;
lit: rauður;
}

# Ele2, # Ele3 {
vinstri: 90px; // breyta CSS lárétt hnit
litur: gulur; // breyta lit á letur CSS
}

# Ele3 {
efst: 114px; // breyta CSS lóðrétt hnit

litur: grænn; // aftur breyta lit á letur CSS

background-litur: Hvítur; // CSS texta hápunktur lit breyst, en þetta er ekki til staðar í # Ele1 og # Ele2; staða breyttist líka, en það hefur breyst í # Ele2 og ekki, eins og hér

}

Nú verðum við að muna að allar þessar þriggja þátta er skilgreint einhvers staðar, og ef skipt er um fulltrúa lit af eiganda, verktaki verður að muna ekki einungis um lit, en einnig um vinstri reglur og ofan, og jafnvel að breyta hápunktur lit textans ætti ekki að vera gleymt.

Ekki eru allir forritarar eru dá krafa CSS: Style ID - aðeins einn þáttur, og bekkurinn stíl - mörg merki, auk síðustu mögulegu tíma í merkjunum sem lýsingarorð:

• setja lit á í CSS - stíl groundColor flokks;
• tilgreina leturstærð - flokks size15;
• setja stöðu - flokks PlaceUp.

Náttúrulega, notkun auðkennum, sérstaklega þegar þeir tilheyri sömu merkingunni frumefni, the toppur tíu stíl flokka, máluð í ýmsum samsetningum af hundruðum síðu frumefni. En allt hefur sinn markmið rökfræði.

Framkvæmdaraðili einfaldlega verður rétt að taka tillit til: jafnvel þótt letur lit HTML, CSS býður upp á að lýsa erfitt, sveigjanleika heildar uppbyggingu lýsingar - það er starf hans.

The ráð afleiðing af því að nota sameiginlega rökfræði

Nútíma vafrar eru þægileg með fullt af stíl skrár og bindi. Hins vegar, hönnun, einkum í gegnum CSS, lita alla síðuna, þú ættir alltaf að hugsa um sanngjörnu sjálfbærni. Ekki eru allir stíl reglur "ódýr" líta í umsókninni. Simple fáorður færsla: * {litur: hvítt;} - vissulega falleg, en það á við um alla þætti síðunnar, án undantekninga.

Af öllum þeim reglum, sem er útbúinn með CSS, mikilvægasta:

• stíl - flokki, og þá byrjar nafnið með, "."
• stíl - kennimerki og nafn þess byrjar með "#" eðli;
• í öðrum tilvikum - í nafnmerki eða einhverju sérstöku

Eftirstöðvar hluti af lýsingu hugmyndir í stíl (erfðafé eignir skarast, forgangsröðun, stöðu, röð og þess háttar. D.) ætti að nota skynsamlega og bráðnauðsynlegt.

Vafrinn alltaf sakna, ekki gera út í lýsingunni, þannig að sérstök óvart ekki. Ef eitthvað var ekki á réttum stað eða setja letrið lit í CSS er ekki hægt, því í stíl við villa.

óvænt tækifæri

Ætti ekki að vera misnotuð stíl eins og * {vinstri: 124px; } eða

ól ól, ol ul, ul ul, ul ól {margin-bottom: 0; }
a IMG {landamæri: 0; }

Þótt það sé erfitt að gera jafnvel nýliði forritari til að nota CSS reglur eins og þeir eru. Alltaf í þróun hvaða síðu, jafnvel fullkomlega einfalt CSS setningafræði gefur óvænt vandamál. Hins vegar, ef bein viðleitni til rétta notkun setningafræði, en beita JavaScript virkni er ný og óvænt tækifæri mun forðast eintóna búa auðkenni fyrir hvert frumefni, eða til að fylgjast með notkun á ýmsum stíl og flokka.

CSS - er ekki bara stíl skrá sem er tengdur við síðuna í gegnum tengilinn tag eða sett í hana í gegnum stíl merkinu. Það er líka hægt að búa til stíl á flugu eða breyta núverandi einn.

Með því að nota CSS, letrið litur getur gert kerfisbundið. Sem og stærð og stöðu, brún. Website - er ekki markmið að beita þekkingu á CSS, HTML, PHP eða JavaScript áhrif flass.

Vefurinn auðlind - er fyrst af öllum upplýsingum í boði á ákveðinn hátt. Það er ástæðan CSS sést best á gangverki gegnum linsu hvernig það er hægt að mynda, en síðan er enn á þjóninum (það er ekki í boði PHP á þeim tíma þegar staður gestur kom ekki verktaki á þeim tíma þegar hann var að þróa síðuna), viðkomandi stílblað sérstakur texti fyrir viðkomandi efni, eða að búa til stíl bekknum eða auðkenni á flugu sem síðunni er að vinna, þegar það lítur á tilteknu gesti.

truflanir virkari

Við ættum ekki alltaf að skrifa háþróuð þitt finna JavaScript-kóða til að gera dynamic innihald og hönnun - fullnægjandi efni. Stundum er nóg til almennilega að nota tiltæka tækifæri. Einkum með því að skilgreina CSS font color upphaflega truflanir reglu, getur þú fela þessa reglu (falinn) og sjón öðruvísi (sýnilegt).

Hér ræðumaður þarf ekki reiknirit:

// til að varpa ljósi á inntak hnappinn á heimasíðu
virka scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'sýnilegt' .;
}

// fela inntak hnappinn á heimasíðu
virka scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = "falinn '.;
}

CSS býður eigin Dynamics: tickers, gagnsæ þætti, ýmsum útfærslum yfirborð, sýna, fading litum. Í CSS, letrið lit er hægt að gera jafnvel svo að enginn stylistic regla er ekki veitt.

Dynamic innihald sýna

Ef það voru engar dogmas, kannski það væri engin framfarir. Bara ekki hvað það var eins og að berjast. Hypertext fært inn í heim mikið af kreddum. Það er kominn tími til að borga eftirtekt til þeirra og til að byrja að þróa síður í raunsærri og hagnýt stíl.

Upphaflega, það er síða (P), sum efni (K), allt merki síðunnar er lýst í stíl blaði (S). Ekki nýtt form P síða um PHP eða Perl á þjóninum með því að velja K úr gagnagrunninum. Fyrirliggjandi stílblað S mun fylgja sjálfkrafa. Hins vegar getur K verið breytt, og í flestum tilvikum, svo breyting hefði í för með sér þörf fyrir öðrum stíl, sem er S +.

Til dæmis, viðskiptavinurinn segir: "Þessi síða lýsir líf Moskvu, mun líta betur ef fréttagreinar eru skreytt í stíl" ZaZavtrakom ", lýsa nótt bustle í stíl" Las Vegas "og greinar um framfarir í stíl í vísindum og tækni" ModernTehno ". En ef við tökum S á þremur af þessum valkosti, það er engin trygging fyrir því að viðskiptavinurinn mun ekki hafa hugmynd að hafa sett af greinum "News", "frí", "Work», «CSS / HTML» bónus "HozyaykeNaZametku".

Önnur nálgun meira hagnýtt. Óháð flokki greinarinnar er það alltaf efni sem hægt er að mála í ákveðnum lit. Hér á þessum stað það er alveg skynsamlegt hugmynd: að fá sérstaka K, enn á miðlara til að búa til fullnægjandi S og vafra mun þurfa P, hann mun fá rétt efni í rétta úthreinsun.

Dynamics stíl JavaScript

Lágmark, þó mjög áhrifarík lausn - að gera stíl beint í vafranum viðskiptavinarins. Í fyrsta lagi dregur það úr miðlara - þarft ekki að eyða tíma í myndun HyperText síðum og stíl skrár fyrir það.

Í öðru lagi, náttúrulega tímasóun inni í vafranum mun skapa þau áhrif að síða er frátekin af viðskiptum og virkan styður viðræður við gesti: hann er ekki enn séð efni í lausu, því hann langar samræmi og hugsi upplýsingar framleiðsla.

Í þriðja lagi gerir verktaki til að veita gestur vélbúnaður af efni í þessum stíl, þar sem hann er þægilegur. Það er ekki einu sinni hver.

Til að útfæra þessa hugmynd, þú þarft að koma á kerfi til að búa til þætti stíl strax eftir síðan opnast, og í tengslum við rekstur hennar. Modern síða - það er AJAX í tilteknu formi. Það er ekki erfitt að framkvæma myndun stíl beint í ferli myndun síðu trénu. Það er auðvelt, affordable og árangursríka, vegna þess að efnið er ásamt skráningu hans.

Þetta þýðir ekki að stangast á við nútíma tilhneigingu til að skilja framsetningu gagna frá vinnslu gerðar á gögnum og fara á skjánum.

CSS sem virks efnis

Hypertext kom með fullt af góð, en aðeins lítill hluti af náttúrulegu upplýsinga tókst formlega, voru verkfæri og reynslu skapa hágæða HTML, XML, CSS skjöl. Ekki vandamál að móta nýja magn upplýsinga og breytast þegar gert fyrr.

Með tilliti til CSS, þetta ferli er virk í algjörlega mismunandi samhengi. Innbyggður-í tól í JavaScript, gerir "á the fljúga" til að búa til þætti og stíl af the frumefni gerði ekki ráð slíka möguleika, og höfundum PHP, einkum talin vera þátttakandi í myndun aðeins vefsíðum.

Bæði fyrsti og annar gerir ekki forritun stíl. Þessi nýja stefna á sviði upplýsingatækni. Styles talsvert formlegri hlutur en XML eða HTML, eru reglurnar mjög einfalt. Stíllinn er alltaf til staðar í upplýsingum, sama hversu eðlilegt það var.

Skráning gagnasafn forritari stunda alltaf í miklu formlegum greinum, en CSS þema - mjög einfalt verkefni, en einhvern veginn ekki komast í sjónsvið þróunarferli.

Á Dogma á sviði forritun

Eins og ísjaki, Dogma getur ekki lengi expanses furrowing upplýsingar. Fyrri reynsla varð að einbeita sér ekki einungis í HTML- og CSS-staðla, verkfæri til að vinna með þeim, þekkingu verktaki.

Einföld verkefni - til að gera í gegnum CSS font color - hefur fundið hið fullkomna lausn. Reglur, setningafræði, rökfræði og þægindi eru óumdeilanleg. En jafnvel þegar letrið hefur í raun ekki mikið af litum fyrir æfingu, of mikið er ekki nauðsynlegt, og raunar að því er varðar raunveruleika virtualization þarf ekki alla uppsafnaða "afl» HTML og CSS, það kemur tími þegar situational þekking að fara á afrita og birt reynsla og verkfæri náttúrulega myndun stíl af efni.

Hvernig mun þetta vera, má ekki vera alveg ljóst, en að ferlið er þegar í gangi, augljóslega.