CSS: lettertype kleur, styl, patroan, grutte

Programming - de spegel: Yn it begjin wie it wurd, en net ta utering werom. En hiel gau it moast "feroaring": earst spiegel, dan it wurd ... Op dit punt, ûnderlizzende siden stylblêd - is goed, mar wêrom sa lang soe 'tink om in developer? CSS - it is allegear itselde array kear it tiidrek fan 'e kompjûter programma, mar allinnich yn in oar perspektyf. Ek as de kliber wurden assosjative revolúsje wurdt net makke.

webside side - It tags HTML-opmaak, dat kin wurde taskreaun oan in bepaalde styl of styl klasse identifier. It earste kin wurde definiearre ien kear en ta ascribe foar alles as nedich ienris, de twadde heart by in bepaalde elemint.

De algemiene logika fan 'e beskriuwing fan' e stilen

By oerlevering, de styl wurdt pleatst yn de CSS-triem, mar kin wurde taskreaun oan in bepaald elemint yn syn styl skaaimerk. De styl kin wurde makke yn de dynamyk fan JavaSkript ark. Fan bysûnder belang is net sa beskreaun, bygelyks, troch middel fan CSS kleur lettertype, syn maat, de headset, eftergrûn ûnder it ensafuorthinne. Lokaasjebeskriuwing styl is wichtich yn de kontekst fan, meastal twa ideeën: it letter beskreaun, dus it is in hegere prioriteit, en as beskreaun yn it elemint, it docht wichtich !. Last opnommen sa as it is, dúdlik definiearret de prioriteit.

Tapasse de styl om, bygelyks, in bepaalde lettertype kleur feroarje kleur, kin oeral en neat. De fraach is hoe te reagearjen ta it yn in blêder yn de disassembly fan alle stilen gear. Hoefolle hat er besteegje op dizze CPU?

It leafst, lettertype kleur moatte wurde oanjûn mar ien kear - it is in klassiker. Tink út nei in ienfâldige beskriuwing fan in pear, en dan in oar en in oar ... fansels, dan kin dat. It is modieus, mar praktysk.

Foarbyld algemiene logika

Hiel gewoan bepaald troch CSS kleur foar alle trije eleminten, is it mooglik om op syn minst trije lange-running problemen:

# Ele1, # Ele2, # Ele3 {
POSITION: absolute;
lofts: 20px;
top: 14px;
color: red;
}

# Ele2, # Ele3 {
lofts: 90px; // feroarje de CSS horizontale koördinaten
color: giel; // feroarje de kleur fan it lettertype CSS
}

# Ele3 {
top: 114px; // feroarje de CSS fertikale koördinearje

color: grien; // ien kear op 'e nij feroarje de kleur fan it lettertype CSS

background-color: lightgrey; // CSS tekst markearje kleur feroare, mar dat is net oanwêzich yn de # Ele1 en # Ele2; posysje ek feroare, mar it is feroare yn # Ele2 en net, lykas hjirre

}

No we moatte betinke dat alle fan dizze trije eleminten is definiearre earne, en yn it gefal fan in feroaring fan kleur foarstellings fan de site eigner, de ûntwikkelders sil moatte ûnthâlden net allinnich oer de kleur, mar ek oer de regels fan 'e lofter en top, en sels te feroarjen it hichtepunt kleur fan de tekst moat net fergetten wurde.

Net alle ûntwikkelers wurde fereare eask CSS: Style ID - mar ien elemint, en de klasse styl - in soad tags, njonken de lêste mooglike punt yn de tags as eigenskipswurden:

• set it lettertype kleur yn de CSS - styl groundColor klasse;
• spesifisearje de tekengrutte - klasse size15;
• set posysje - klasse PlaceUp.

Fansels, it brûken fan helpmiddels, fral as se hearre ta deselde marking elemint, de top tsien styl klassen, skildere yn ferskate kombinaasjes fan hûnderten side eleminten. Mar alles hat in eigen objektive logika.

De projektûntwikkelder gewoan moat goed rekken: sels as it lettertype kleur fan HTML, CSS biedt te beskriuwen hurd, de fleksibiliteit fan it totale struktuer fan 'e beskriuwingen - dat is syn baan.

De ferwachte resultaat fan it gebrûk fan mienskiplik logika

Moderne browsers binne noflik mei in soad styl triemmen en dielen. Lykwols, ûntwerpen, benammen troch de CSS, kleurje de hiele side, jo moatte altyd tinke oan ridlike genôch wêzen. Net alle styl regels "goedkeap" sykje yn it programma. Simple laconic ynfier: * {color: wyt;} - grif moai, mar it jildt foar alle eleminten fan de side, sûnder útsûndering.

Fan alle regels, dy't útrist mei CSS, de wichtichste:

• style - klasse, en dan de namme begjint mei, "."
• styl - identifier en syn namme begjint mei in "#" karakter;
• yn oare gefallen - in namme tag of wat bysûnders

It oerbleaune part fan 'e beskriuwing ideeën yn Styles (erfenis eigenskippen oerlaapje, prioriteiten, posysje, oarder en it like. D.) wurde moatte brûkt wurde intelligently en strikt needsaaklik.

De browser altyd misse, net meitsje út yn 'e beskriuwing, sadat de bysûndere ferrassingen sil net. As der wat wie net op it goede plak of set it lettertype kleur yn CSS is net mooglik, dêrom, yn 'e styl fan' e fout.

ûnferwachte mooglikheden

Soe net wurde misbrûkt stilen lykas * {lofts: 124px; } of

ol ol, ol ul, ul ul, ul ol {marzje-bottom: 0; }
in img {grins: 0; }

Hoewol't it is lestich om te meitsje sels in begjinnende Developer te brûken CSS regels sa't se binne. Altyd yn 'e ûntwikkeling fan in side, sels folslein ienfâldige CSS syntaksis jout ûnferwachte problemen. Lykwols, as direkte ynspannings om it krekte brûken fan 'e syntaksis, mar jilde de JavaSkript funksjonaliteit is nij en ûnferwachte kânsen sille mije monotoane meitsje identifikaasje foar elk elemint, of om tafersjoch op de brûken fan it ferskaat oan stilen en klassen.

CSS - is net allinne in styl triem dy't ferbûn is mei de side fia de link tag of ynbrocht yn it troch de styl tag. It is ek mooglik om in styl op de fly of wizigjen fan in besteande ien.

Troch it gebrûk fan CSS, it lettertype kleur kin dien wurde programmatically. En ek de grutte en de posysje, marzjes. Website - is net in doel ta te passen de kennis yn CSS, HTML, PHP of JavaSkript effekten flash.

Web resource - is earst fan alle ynformaasje oanbean op in bepaalde manier. Dat is wêrom CSS wurdt meast sjoen yn 'e dynamyk troch de lens fan hoe't it mooglik is om te foarmjen, wylst de side stiet noch op de tsjinner (it is net beskikber PHP op it stuit doe't de side besiker kaam, net it ûntwikkeler op it stuit dat er wie it ûntwikkeljen fan it plak), de winske stylblêd in spesifike tekst foar relevante ynhâld, of it meitsjen fan in styl klasse of identifier op de fly as de side is dwaande, doe't it liket op in bepaalde besiker.

statyske dynamyk

Wy moatte net altyd skriuwe ferfine vondst JavaSkript-koade te meitsjen dynamysk ynhâld en syn ûntwerp - in adekwate ynhâld. Soms is it genôch om goed gebrûk meitsje fan de beskikbere mooglikheden. Benammen troch it definiearjen CSS lettertype kleur earstoan statyske regel, kinne jo ferstopje dizze regel (ferburgen) en fisualisearjen ferskillende (sichtber).

Hjir, de sprekker net nedich de algoritme:

// te beljochtsje de ynfier knop op de webside
function scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'sichtbere' .;
}

// ferstopje de ynfier knop op de webside
funksjonearje scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'hidden' .;
}

CSS biedt eigen dynamyk: tickers, transparent eleminten, ferskate embodiments overlays, byldskermen, fading kleuren. Yn CSS, it lettertype kleur kin wurde makke ek sadat nimmen stilistyske regel is net foarsjoen.

Dynamyske ynhâld werjefte

As der wiene gjin dogmas, faaks soe der gjin foarútgong. Gewoan net wat it is as te fjochtsjen. Hypertext brocht yn 'e wrâld in soad dogma. It is tiid om omtinken te jaan oan hjarren en begjinne ûntwikkeljen sites yn in pragmatysk en praktyske styl.

Yn it earstoan, is der in side (P), guon fan jo ynhâld (K), alle tags fan de side binne beskreaun yn 'e stylblêd (S). Net in nije foarm P side fia PHP of Perl op de tsjinner troch te kiezen K út de databank. Besteande stylblêd S sil folgje automatysk. Lykwols, K kin feroare wurde, en yn de measte gefallen, sa'n feroaring soe ymplisearret de needsaak foar oare stilen, dat wol sizze, S +.

Bygelyks, de klant sei: "De side beskriuwt it libben fan Moskou, sil sjen better as it nijs artikels binne ynrjochte yn 'e styl fan' ZaZavtrakom", it beskriuwen fan de nacht drokte yn 'e styl fan' e "Las Vegas" en artikels oer wittenskiplike en technologyske foarútgong yn 'e styl fan' ModernTehno. "" Mar as wy meitsje S op trije fan dizze opsjes, der is gjin garânsje dat de klant wol net hawwe it idee te hawwen fan in set fan artikels "Nijs", "fakânsje", "Wurk», «CSS / HTML» bonus "HozyaykeNaZametku".

In oare oanpak mear praktysk. Los fan 'e kategory fan it artikel is der altyd de ynhâld, dat kin wurde skildere yn in bepaalde kleur. Hjir op dit plak is der nochal in ferstannige idee: krije spesifike K, noch op de tsjinner te wekken in adekwate S, en de browser sil fereaskje P, hy sil krije it rjocht ynhâld yn 'e goede trochfearthichte.

Dynamiek styl fan JavaSkript

Minimum, hoewol tige effektive oplossing - te dwaan de styling direkt yn de klant syn blêder. Earst, It ferminderet de druk op de tsjinner - sille net te besteden tiid op de foarming fan hypertext siden en styl triemmen foar it.

Twad, de natuerlike tiidfergriemen binnen de browser sil meitsje it effekt dat de side wurdt beset troch saken en aktyf stipet dialooch mei de besiker: hy noch net sjogge de ynhâld yn bulk, dêrom, hy wol graach in konsekwinte en trochtochte ynformaasje útfier.

Tred, dat lit de projektûntwikkelder te foarsjen de besiker mechanisme fan de ynhâld yn dizze styl, wêryn hy is noflik. It is net iens ien.

Om it útfieren fan dit idee, jo moatte it útfieren fan in meganisme foar it meitsjen fan eleminten fan styl fuort nei de side laden wurdt, en yn 'e rin fan syn operaasje. Moderne site - it is AJAX yn in bepaalde foarm. It is net dreech om te fieren út de foarming fan stilen direkt yn it proses fan de foarming fan de side beam. It is maklik, betelbere en effektyf, want de ynhâld is tegearre mei syn ynskriuwing.

Dit hat net tsjinsprekke de moderne oanstriid om te skieden de útrikking fan gegevens út 'e ferwurkjen útfierd op' e gegevens en it ferlitten fan de werjefte.

CSS as in aktyf yngrediïnt

Hypertext brocht in soad goed, mar allinnich in lytse fraksje fan de natuerlike ynformaasje is mei súkses offisjeel fêstlein, der wienen ark en ûnderfining yn it meitsjen fan hege kwaliteit HTML, XML, CSS dokuminten. Net in probleem te konkreet foarm de nije bondels fan ynformaasje Feroaring en al makke earder.

Mei respekt foar CSS, dit proses is aktivearre yn in hiel oare kontekst. Ynboude ark yn JavaSkriptName, it ynskeakeljen fan "op de fly" om meitsjen eleminten en stilen fan de eleminten net antisipearje sa'n mooglikheid, en de makkers fan PHP, yn it bysûnder, leaud wurde dwaande mei it foarmjen fan allinne HTML siden.

Sawol de earste en de twadde kinne dwaan programmapartners stilen. Dizze nije rjochting op it mêd fan ynformaasje technology. Styles oanmerklik mear formele ding as de XML of HTML, de regels binne hiel simpel. Styl is altyd oanwêzich yn 'e ynformaasje, gjin saak hoe natuerlik it wie.

Registraasje database programmeurs binne ferloofd altyd yn in folle mear offisjeel fêstlein sektoaren, mar CSS tema - een hiel simpel taak, mar een of andere manier net krije yn it fjild fan sicht fan 'e ûntwikkeling proses.

Op de dogma op it mêd fan de programmearring

As in iisberch, in dogma kin net lang expanses furrowing ynformaasje. Past ûnderfining moast konsintrearje net allinnich yn HTML- en CSS-noarmen, ark om te wurkjen mei harren, kennis ûntwikkelers.

In ienfâldige opjefte - te meitsjen fia CSS lettertype kleur - hat fûn de perfekte oplossing. Regels, syntaksis, logika en komfort binne indisputable. Mar ek as de lettertype eins hawwe net in soad kleuren foar de praktyk, tefolle is net nedich, en yndie foar de doelen fan 'e realiteit fan virtualization net nedich alle opboude "krêft» HTML en CSS, der komt in tiid dat de situasjonele kennis gean nei it opnommen en werjûn wurde ûnderfining en ark fan de natuerlike foarming fan stilen fan de ynhâld.

Hoe sil dat wêze, miskien net hielendal dúdlik, mar dat it proses is al ûnder wei, fansels.