CSS: lettertype kleur, stijl, patroon, grootte

Programmeren - de spiegel: in den beginne was het woord, en niet teruggekaatst. En heel snel het moest "change": eerste spiegel, dan is het woord ... Op dit punt, cascading style sheet - is goed, maar waarom zo lang het zou gaan om een ontwikkelaar erg? CSS - het is allemaal dezelfde array keer de het tijdperk van computerprogramma's, maar alleen in een ander perspectief. Zelfs wanneer de massa's worden associatieve revolutie is niet gemaakt.

pagina van de website - het Tags HTML-opmaak, die kan worden toegeschreven aan een bepaalde stijl of stijl klasse-identificatie. De eerste kan eenmalig worden gedefinieerd en toe te schrijven om iets te veel tijd nodig gehad, en de tweede behoort tot een bepaald element.

De algemene logica van de beschrijving van stijlen

Volgens de traditie, is de stijl geplaatst in de CSS-bestand, maar kan worden toegeschreven aan een bepaald element in zijn stijl attribuut. De stijl kan worden gemaakt in de dynamiek van de JavaScript-gereedschappen. Van bijzonder belang is niet zoals beschreven, bijvoorbeeld door middel van CSS kleur lettertype, de grootte, de headset, achtergrond onder het en ga zo maar door. Locatie beschrijving stijl is belangrijk in de context van, meestal twee ideeën: de later beschreven, dus het is een hogere prioriteit, en als beschreven in het element, het doet belangrijk !. Laatst opgenomen zoals het is, duidelijk de prioriteit bepaalt.

Pas de stijl, bijvoorbeeld, een bepaalde tekstkleur kleur veranderen, kan overal en van alles zijn. De vraag is hoe om samen te reageren op in een browser tijdens de demontage van alle stijlen. Hoeveel heeft hij besteden aan deze CPU?

Idealiter moet font color slechts eenmaal worden vermeld - het is een klassieker. Denk uit naar een eenvoudige beschrijving van een paar, en dan nog een en nog een ... natuurlijk, je kunt. Het is modieus, maar praktisch.

VOORBEELD algemene opzet

Heel eenvoudig bepaald door CSS kleur voor alle drie de elementen, is het mogelijk om ten minste drie langlopende problemen krijgen:

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

# Ele2, # Ele3 {
left: 90px; // de CSS horizontale coördinaten te wijzigen
kleur: geel; // de kleur van het lettertype CSS veranderen
}

# Ele3 {
top: 114px; // de CSS veranderen verticale coördinaat

kleur: groen; // nogmaals de kleur van het lettertype CSS

background-color: lichtgrijs; // CSS tekst steunkleur veranderd, maar dit is niet in de # Ele1 en # Ele2; positie ook veranderd, maar het is veranderd in # Ele2 en niet, zoals hier

}

Nu moeten we niet vergeten dat al deze drie elementen ergens is gedefinieerd, en in het geval van een verandering van kleur voorstellingen van de eigenaar van de site, zal de ontwikkelaar niet alleen over de kleur, maar ook over de linker regels en top te onthouden, en zelfs te veranderen het hoogtepunt kleur van de tekst mag niet worden vergeten.

Niet alle ontwikkelaars zijn vereerd eis CSS: Style ID - slechts één element, en de klasse stijl - veel tags, naast de laatst mogelijke punt in de labels als bijvoeglijke naamwoorden:

• het lettertype kleur in de CSS - stijl grondkleur klasse;
• geeft u de lettergrootte - klasse size15;
• ingestelde positie - klasse PlaceUp.

Natuurlijk, het gebruik van id's, vooral wanneer ze behoren tot dezelfde markering element, de top tien stijl klassen, geschilderd in verschillende combinaties van honderden pagina-elementen. Maar alles heeft zijn eigen objectieve logica.

De ontwikkelaar moet gewoon de juiste wijze rekening gehouden met: zelfs als het lettertype kleur van HTML, CSS biedt om hard te beschrijven, de flexibiliteit van de algemene structuur van de beschrijvingen - dat is zijn werk.

Het verwachte resultaat van het gebruik van gemeenschappelijke logica

Moderne browsers zijn comfortabel met veel stijl bestanden en volumes. Echter, het ontwerpen, met name via de CSS, de kleur van de hele pagina, moet u altijd denken aan een redelijke toereikendheid. Niet alle stijlregels "goedkope" look in de applicatie. Simple laconieke entry: * {kleur: wit;} - zeker mooi, maar het geldt voor alle elementen van de pagina, zonder uitzondering.

Van alle regels, die is uitgerust met CSS, de belangrijkste:

• stijl - klasse, en vervolgens de naam begint met ""
• stijl - identifier en de naam begint met een "#" karakter;
• in andere gevallen - een naamlabel of iets bijzonders

Het resterende deel van de beschrijving ideeën Stijlen (overerving eigenschappen overlappen prioriteiten positie orde en dergelijke. D.) Indien intelligent en strikt noodzakelijk worden gebruikt.

De browser altijd missen, niet uit te maken in de beschrijving, zodat de speciale verrassingen niet. Als er iets was niet op de juiste plaats of het lettertype kleur in CSS is derhalve niet mogelijk, in de stijl van de fout.

onverwachte mogelijkheden

Mag niet worden misbruikt stijlen zoals * {left: 124px; } of

ol ol ol ul ul ul ul ol {margin-bottom: 0; }
een img {border: 0; }

Hoewel het moeilijk is om zelfs een beginner ontwikkelaar leveren aan CSS-regels gebruiken zoals ze zijn. Altijd in de ontwikkeling van een site, zelfs perfect eenvoudige CSS syntax geeft onverwachte problemen. Echter, als directe maatregelen voor het correct gebruik van de syntax, maar passen de JavaScript-functionaliteit is nieuwe en onverwachte mogelijkheden zullen voorkomen eentonig maken identificatienummers voor elk element, of om het gebruik van de verscheidenheid van stijlen en klassen te controleren.

CSS - is niet alleen een stijl bestand dat door de stijl tag is aangesloten op de pagina via de link tag of ingevoegd in het. Het is ook mogelijk om een stijl op de fly maken of wijzigen van een bestaande.

Door het gebruik van CSS, kan de tekstkleur programmatisch worden gedaan. Naast de grootte en positie marges. Website - is geen doel om de kennis in CSS, HTML, PHP of JavaScript-effecten flash toe te passen.

Web resource - is in de eerste plaats informatie aangeboden op een bepaalde manier. Dat is de reden waarom CSS is het beste te zien in de dynamiek door de lens van hoe het mogelijk is om te vormen, terwijl de pagina is nog steeds op de server (het is niet beschikbaar PHP op het moment dat de bezoeker kwam, niet de ontwikkelaar op het moment dat hij de ontwikkeling van de site), de gewenste stylesheet een specifieke tekst voor relevante content, of aan een stijl klasse of identifier on the fly als de pagina werkt te maken, wanneer het ziet er op een bepaalde bezoeker.

statische dynamiek

We moeten niet altijd schrijven geavanceerde vondst JavaScript-code om dynamische content en het ontwerp te maken - een voldoende inhoud. Soms is het voldoende om de beschikbare mogelijkheden goed te gebruiken. Met name door de vaststelling van CSS font color aanvankelijk statische regel, kunt u deze regel (verborgen) verbergen en te visualiseren verschillende (zichtbare).

Hier, is de spreker niet het algoritme moeten worden:

// aan de ingang op de website markeren
scfWelcomeOver functie () {
document.getElementById ( 'scDocxNamePiP) style.visibility = 'zichtbaar' .;
}

// verberg de ingang op de website
scfWelcomeOut functie () {
document.getElementById ( 'scDocxNamePiP) style.visibility = 'verborgen' .;
}

CSS biedt een eigen dynamiek: tickers, transparante elementen, verschillende uitvoeringsvormen overlays, displays, vervagen kleuren. In CSS, kan de tekstkleur worden gemaakt zelfs zo dat niemand stilistische regel niet wordt verstrekt.

Dynamische content scherm

Als er geen dogma's waren, misschien zou er geen vooruitgang. Gewoon niet hoe het was om te vechten. Hypertext in de wereld bracht een hoop dogma. Het is tijd om aandacht te besteden aan hen en om te beginnen met het ontwikkelen van sites in een pragmatische en praktische stijl.

In eerste instantie is er een pagina (P), een deel van uw inhoud (K), alle tags van de pagina worden beschreven in de style sheet (S). Niet een nieuwe vorm P pagina via PHP of Perl op de server door te kiezen voor K uit de database. Bestaande style sheet S wordt automatisch volgen. Echter, kan K worden veranderd, en in de meeste gevallen, zou een dergelijke verandering de behoefte aan andere stijlen, dat wil zeggen S + meebrengen.

Bijvoorbeeld, de klant zei: "De site beschrijft het leven van Moskou, zal er beter uitzien als de nieuwsartikelen zijn ingericht in de stijl van" ZaZavtrakom "beschrijft de nacht drukte in de stijl van" Las Vegas 'en artikelen over wetenschappelijke en technologische vooruitgang in de stijl van' ModernTehno ' ". Maar als we S verdienen op drie van deze opties, is er geen garantie dat de klant het idee om een reeks artikelen "Nieuws", "vakantie", "Werk», «CSS / HTML» bonus 'HozyaykeNaZametku' hebben niet zal hebben.

Een andere benadering praktischer. Ongeacht de categorie van het artikel is er altijd de inhoud die in een bepaalde kleur kan worden geschilderd. Hier in deze plaats is er nogal een verstandig idee: krijgen specifieke K, nog steeds op de server om een adequate S te genereren, en de browser vereist P, zal hij de juiste content op de juiste afstand te krijgen.

Dynamiek stijl van JavaScript

Minimum, hoewel zeer effectieve oplossing - de styling direct in de browser van de klant. Ten eerste, het verlicht de server - niet hoeft te tijd te besteden aan de vorming van hypertext pagina's en stijl-bestanden voor het.

hij nog steeds niet de inhoud in bulk te zien, daarom wil hij een consistente en doordachte informatie output: Ten tweede zal het natuurlijk zonde van de tijd in de browser het effect dat de pagina wordt bezet door het bedrijfsleven en ondersteunt actief de dialoog met de bezoeker te creëren.

Ten derde, kan de ontwikkelaar om de bezoeker mechanisme van de inhoud in deze stijl, waarin hij is comfortabel te bieden. Het is zelfs niet om het even wie.

Om dit idee uit te voeren, moet je een mechanisme te implementeren voor het creëren van elementen van de stijl direct na de pagina wordt geladen, en in de loop van de werking ervan. Modern website - het is AJAX in een bepaalde vorm. Het is niet moeilijk de vorming van stijlen uit te voeren direct in het proces van de vorming van de pagina boom. Het is gemakkelijk, betaalbaar en effectief, omdat de inhoud is samen met zijn registratie.

Dit geldt niet in tegenspraak met de moderne neiging om de presentatie van gegevens te scheiden van de verwerking uitgevoerd op de gegevens en het verlaten van het display.

CSS als een actief ingrediënt

Hypertext bracht veel van het goede, maar slechts een klein deel van de natuurlijke informatie werd met succes geformaliseerd, waren er gereedschappen en ervaring in het creëren van hoogwaardige HTML, XML, CSS-documenten. Geen probleem voor de nieuwe hoeveelheden informatie te formaliseren en wijzigingen al eerder aangevoerd.

Met betrekking tot CSS wordt dit proces geactiveerd in een geheel andere context. Ingebouwde tools in JavaScript, zodat "on the fly" naar elementen en stijlen van de elementen heeft die mogelijkheid niet vooruitlopen op maken, en de makers van PHP, in het bijzonder, geloofd te worden betrokken bij de vorming van enige HTML-pagina's.

Zowel de eerste als de tweede laat doen het programmeren van stijlen. Deze nieuwe richting op het gebied van informatietechnologie. Styles aanzienlijk meer formele ding dan de XML of HTML, de regels zijn heel eenvoudig. Style is altijd aanwezig in de informatie, ongeacht hoe natuurlijk het was.

Registratie database-programmeurs zijn altijd bezig met een veel meer geformaliseerd sectoren, maar CSS thema - een zeer eenvoudige taak, maar hoe dan ook niet te krijgen in het gezichtsveld van het ontwikkelingsproces.

Op de dogma op het gebied van de programmering

Als een ijsberg, kan een dogma niet lang uitgestrekte fronste informatie. Ervaringen uit het verleden moest niet alleen in HTML- en CSS-standaarden, hulpmiddelen om te werken met hen, kennis ontwikkelaars concentreren.

Een eenvoudige taak - te maken door middel van CSS font color - heeft de perfecte oplossing gevonden. Regels, syntaxis, logica en comfort zijn onbetwistbaar. Maar zelfs als het lettertype eigenlijk niet veel kleuren voor de praktijk, te veel is niet nodig, en ook met het oog op virtualisatie van de werkelijkheid niet alle verzamelde "force» HTML en CSS nodig heeft, komt er een moment dat de situationele kennis naar de gereproduceerd en weergegeven ervaring en de instrumenten van de natuurlijke vorming van de stijlen van de inhoud.

Hoe zal dit zijn, kan niet helemaal duidelijk zijn, maar dat het proces is al aan de gang, natuurlijk.