CSS: Schrëftgréisst Faarf, Stil, Muster, Gréisst

Programméiere - de Spigel: am Ufank war d'Wuert, an net erëm spigelt. A ganz séier hu se bis "änneren": éischt Spigel, dann d'Wuert ... Op dësem Punkt, Stil Blat Kaskadespär - gutt ass, mee firwat esou laang et lass engem Entwéckler ze vergiessen? CSS - Et ass all d'selwecht vill Mol der Ära vun Computer Programmer, mä nëmmen an eng aner Perspektiv. Och wann de Radius enger Associatioun Revolutioun ginn ass net gemaach.

Websäit Säit - et HTML-Wikisyntax, déi zu engem gewësse Stil oder Stil Klass Identifizéierer zougeschriwwen kann. Déi éischt kënnt eemol definéiert ginn an näischt méi néideg Zäit ze ascribe, an déi zweet gehéiert zu engem bestëmmten Element.

D'allgemeng Logik vun der Beschreiwung vun Stiler

Vun Traditioun, ass de Stil vun der CSS-Fichier gesat, mä kann zu engem bestëmmten Element an hire Stil Spezialfäegkeeten zougeschriwwen ginn. De Stil kann an der Dynamik vun Javascript Instrumenter geschaf ginn. Vun besonnesch Bedeitung ass net esou beschriwwen, zum Beispill, duerch heescht vun CSS Faarf Schrëftgréisst, seng Gréisst, d'Kopfhörer, Hannergrond ënner et an sou op. Standuert Beschreiwung Stil ass wichteg am Kader vun, normalerweis zwou Iddien: de spéit beschriwwen, also et ass eng héich Prioritéit, a wann am Element beschriwwen, et wichteg !. Last opgeholl wéi et ass, haut eenzegaarteg an der Prioritéit definéiert.

Demande de Stil fir, zum Beispill, e bestëmmte Schrëftgréisst Faarf änneren Faarf, kann iwwerall an näischt ginn. D'Fro ass, wéi zesumme fir et an engem Browser während der disassembly vun all Stiler ze reagéieren. Wéi vill huet hien op dëser CPU verbréngen?

Idealfall, soll Schrëftgréisst Faarf nëmmen eemol uginn ginn - Et ass e klassesch. Mengen eraus op eng einfach Beschreiwung vun e puer, an duerno weider an aner ... natierlech, du kanns. Et ass moudebewosste, mä praktesch.

BEISPILL allgemeng Logik

Ganz einfach vun CSS Faarf sech fir all dräi Elementer, ass et méiglech op d'mannst dräi laang-Lafen Problemer ze kréien:

# Ele1, # Ele2, # Ele3 {
Éischtens: absolute;
lénks: 20px;
erop: 14px;
Faarf: rout;
}

# Ele2, # Ele3 {
lénks: 90px; // der horizontal Koordinaten CSS änneren
Faarf: giel; // der Faarf vun der CSS Schrëftgréisst änneren
}

# Ele3 {
erop: 114px; // der CSS änneren vertikalen koordinéieren

Faarf: gréng; änneren eemol nees d'Faarf vun der Schrëft CSS //

Hannergrond-Faarw: lightgrey; // CSS Text Highlight Faarf geännert, mä dat ass net präsent an der # Ele1 an # Ele2; Positioun och geännert, mä et huet am # Ele2 an net, wéi hei geännert

}

Elo musse mir drun dass all vun dësen dräi Elementer ass iergendwou definéiert, an am Fall vun engem Changement vun Faarf Representatioune vum Site Besëtzer, wäert d'Entwéckler mussen drun net nëmmen iwwer d'Faarwen, mä och iwwer déi lénks Regelen a erop, an och de Highlight Faarf vum Text ze änneren soll net vergiess ginn.

Net all Entwéckler sinn geéiert Noutwendegkeete CSS: Style ID - nëmmen eng Element, an der Klass Stil - vill kennen, nieft de leschten méiglech Punkt an den Tags als adjectives:

• Formatioun 'Schrëft Faarf am CSS - Stil groundColor Klass;
• uginn der Schrëftgréisst - Klass size15;
• Formatioun Positioun - Klass PlaceUp.

Natierlech, de Gebrauch vun Identificateuren, virun allem wann se gehéieren zu der selwechter Marquage Element, widdert Klassen zéng Stil, gemoolt a verschidde Kombinatioune vun honnerte vun Säit Elementer. Awer alles huet säin eegene Zil Logik.

D'Entwéckler einfach muss richteg Rechnung huelen: och wann d'Schrëft Faarf vum HTML, CSS schwéier ze beschreiwen proposéiert, d'Flexibilitéit vun de globale Struktur vun de Beschreiwunge - dass seng Aarbecht ass.

D'erwaart Resultat vun benotzt gemeinsam Logik

Modern Browser si mat vill vun Stil Fichieren an Bänn bequem. Allerdéngs designen, besonnesch duerch d'CSS, déi ganz Säit Faarf, sollt Dir ëmmer Meenung vun raisonnabel ass. Net all Stil Regelen "bëlleg" Wanterschlof war an der Applikatioun. Einfach laconic Element: * {Faarf: white;} - sécher schéin, mä et gëllt fir all Elementer vun der Säit, ouni Ausnam.

Vun all de Regelen, déi mat CSS, déi wichtegst equipéiert ass:

• Stil - Klass, an dann fänkt den Numm mat, "."
• Stil - Identifikatioun a sengem Numm fänkt mat engem "#" Charakter;
• an anere Fäll - e Numm Tag oder eppes speziell

Déi reschtlech Deel vun der Beschreiwung Iddien an Stiler (Ierfschaft Eegeschafte iwwerlageren, Prioritéiten, Positioun, fir an der gären. D.) Sollt intelligent a streng néideg gebraucht ginn.

De Browser ëmmer verpassen, do maachen net an der Beschreiwung aus, sou datt de spezielle Iwwerraschungen net. Wann eppes 'Schrëft Faarf an CSS net an déi richteg Plaz oder Formatioun huet ass net méiglech, also, am Stil vun de Feeler.

onerwaart Méiglechkeeten

Soll net ënnerstëtzen wëll * mëssbraucht ginn {lénks: 124px; } oder

Ol Ol, Ol ech, ech ech, ech Ol {Spillraum-ënnen: 0; }
engem img {Grenz: 0; }

Obwuel ass et schwiereg och e onerfueren Entwéckler ze maachen CSS Regelen ze benotzen well si. Ëmmer an der Entwécklung vun all Site, och perfekt einfach CSS Siwebiergen gëtt onerwaart Problemer. Allerdéngs, wann direkt Efforten fir déi richteg Benotzung vun der Siwebiergen, mä de Funktionalitéit ass Javascript gëllen nei an onerwaart Méiglechkeeten monoton Identificateuren fir all Element schafen vermeiden wäert, oder der Benotzung vun der Villfalt vun Stiler a Klassen ze kontrolléieren.

CSS - ass net nëmmen e Stil Fichier datt zu der Säit iwwer de Link Tag oder hin an et duerch d'Stil Tag verbonne ass. Et ass och méiglech e Stil op der fléien oder änneren eng bestehend eent ze schafen.

Vun CSS benotzt, kann d'Schrëft Faarf programmatically gemaach ginn. Wéi och vun der Gréisst a Positioun, Rand. Websäit - ass net e Goal d'Wëssen an CSS, HTML, PHP oder Javascript Effekter Flash ze gëllen.

Web Ressource - ass éischte vun all Informatiounen zu engem gewësse Manéier ugebueden. Dat ass firwat CSS beschten ass an der Dynamik duerch d'Lens vun gesinn, wéi et ass méiglech, ze Form während der Säit nach op de Server ass (et ass net sinn PHP an der Zäit wou de Site Visiteur huet, net den Entwéckler an der Zäit wou hien de Site war Entwécklungslänner), de gewënschte Virlag engem spezifeschen Text fir relevant Inhalt, oder engem Stil Klass oder Identifizéierer op der fléien wéi d'Säit ze schafen ass schaffen, wann et bei engem bestëmmte Visiteur gesäit.

statesch Dynamik

Mir sollen net ëmmer mechanesch fannen Javascript-Code schreiwen ze dynamesch Inhalt a seng Design maachen - eng adequat Inhalt. Heiansdo ass et genuch fir richteg der sinn Méiglechkeeten benotzen. Besonnesch, vun CSS Schrëftgréisst Faarf Ufank statesch Regel Definitioun, kënnt Dir dëst Regel (verstoppt) verstoppen an visualiséieren verschidden (siichtbare).

Hei, et der Mammesprooch net de Algorithmus verlaangen:

// der Input Knäppchen op der Websäit ze Highlight
Funktioun scfWelcomeOver () {
document.getElementById ( "scDocxNamePiP") style.visibility = "gesinn" .;
}

// verstoppen der Input Knäppchen op der Websäit
Funktioun scfWelcomeOut () {
document.getElementById ( "scDocxNamePiP") style.visibility = "verstoppt" .;
}

CSS offréiert eegen Dynamik: tickers, transparent Elementer, verschidde däer overlays, weist, staark Faarwen. An CSS, kann d'Schrëft Faarf gemaach ginn och sou dass keen franséische Kino Regel net gëtt ass.

Dynamic Inhalt Haaptsäit

Wann et kee dogmas waren, vläicht géif et keng Fortschrëtter ginn. Just net wéi et war wéi ze kämpfen. Ären bruecht an der Welt vill vun erofklammen. Et ass Zäit Opmierksamkeet hinnen ze bezuelen an an engem pragmatesch a praktesch Stil Entwécklungslänner Siten ufänken.

Ufank, do eng Säit (P) ass, e puer vun Äre Inhalt (K), all den Tags vun der Säit sinn am Stil Plack (S) beschriwwen. Net eng nei Form P Säit via PHP oder Perl op de Server vun K aus der Datebank Wiel. Bestehend Stil Blat S automatesch verfollegen. dat ass, S + ginn awer geännert, an de Besoin fir aner Stiler, K kann am meeschten Fäll esou eng Verännerung géif wat.

Zum Beispill, sot de Client: "De Site vun der Liewensqualitéit vun Moskau beschreift, gëtt besser kucken wann Annonce Artikelen am Stil vun dekoréiert sinn" ZaZavtrakom ", beschreiwen der Nuecht faassen am Stil vun" Las Vegas "an Artikelen op wëssenschaftlech an technologesche Fortschrëtt am Stil vun" ModernTehno ". Mä wa mer S op dräi vun dësen Optiounen maachen, et ass keng Garantie, datt de Client gëtt net der Iddi hunn eng Rei vun Artikelen "Annonce" ze hunn, "Vakanz", "Work», «CSS / HTML» Bonus "HozyaykeNaZametku".

Aner Approche méi praktesch. Egal vun der Kategorie vun den Artikel do ass ëmmer den Inhalt, datt an engem bestëmmte Faarf gemoolt ginn. Hei an dëser Plaz do ass eng relativ spuersam Idea: kréien spezifesch K, nach op de Server eng adequat S ze generéieren, an de Browser gëtt P verlaangen, hien wäert d'Recht Inhalt am adäquate Minnen kréien.

Dynamik Stil vun Javascript

Minimum, obwuel ganz efficace Léisung - de kanns am Browser d'Client direkt ze maachen. Éischt, verdriwwen et Server - net Zäit op d'Équipe vun ären Säiten an Stil Fichieren fir et muss verbréngen.

Zweet, gëtt der natierlech Offall vun Zäit am Browser den Effet schafen, datt d'Säit vum Betrib besat ass an ënnerstëtzt aktiv Dialog mat de Visiteur: hien et nach net den Inhalt vun normaler gesinn, dofir, hien eng konsequent a Duerchduechte Informatiounen Wasserstoff wéi géif.

Drëtten, et erlaabt d'Entwéckler de Visiteur Mechanismus vun den Inhalt vun dësem Stil ze bidden, an deem hien komfortabel ass. Et ass net souguer iergendeen.

Fir dës Iddi ëmzesetzen, muss du e Mechanismus ze realiséieren fir Elementer vun Stil direkt no der Säit Saachen gedroen, an am Laf vu senger Operatioun schafen. Modern Site - et d'Ajax an engem besonnesch Form. Et ass net schwéier sech d'Équipe vun Stiler am Prozess vun der Opstellung vun der Säit Bam direkt ze üben. Et ass einfach, leeschte kann an efficace, well den Inhalt mat sengem Aschreiwung ass.

Dat heescht ofschafen net de modern Tendenz der Presentatioun vun Daten aus der Veraarbechtung op d'Donnéeën an loosst an der Haaptsäit Leeschtung ze trennen.

CSS wéi eng aktiv Zutate

Ären vill gutt matbruecht, mee just enger Ëmwandlung vun der natierlecher Informatiounen war erfollegräich Beräich, goufen et Handwierksgeschir an Erfahrung héich-Qualitéit HTML zu schafen, XML, CSS Dokumenter. Net e Problem vum neie Bänn vun Informatiounen ze formaliséiert a scho virdrun gemaach änneren.

Mat Respekt ze CSS, ass dëse Prozess an enger komplett anerer Kontext ageschalt. Gebaut-an Handwierksgeschir an Javascript, Donnéen "op der fléien" zu Elementer an Stiler vun den Elementer schafen huet esou eng Méiglechkeet net virbereeden, an hannert vun PHP, besonnesch, gegleeft an d'Équipe vun nëmmen HTML Säiten engagéiert gin.

Souwuel déi éischt an déi zweet erlaabt programméiere Stiler maachen. Dës nei Richtung am Beräich vun Informatioun Technologie. Ënnerstëtzen däitlech méi formell Saach wéi der XML oder HTML, sinn d'Regelen ganz einfach. Stil ass ëmmer präsent an der Informatioun, egal wéi natierlech et war.

Aschreiwungen Datebank Programméierer sinn ëmmer zu engem vill méi Beräich Sekteuren, mä CSS Thema engagéiert - eng ganz einfach Aufgab, mä iergendwéi net an de Beräich vun Vue vun der Entwécklung Prozess gespillt huet.

Op der erofklammen am Beräich vun programméiere

Wéi engem Äisbierg, kann e erofklammen net laang expanses furrowing Informatiounen. Vergaangenheet Erfahrung no net nëmmen am HTML- an CSS-Standarden ze konzentréieren, Handwierksgeschir mat hinnen, Wëssen Entwéckler ze schaffen.

Eng einfach Aufgab - zu CSS Schrëftgréisst Faarf maachen duerch - huet d'ideal Léisung fonnt. Regelen, Siwebiergen, Logik an Trouscht sinn indisputable. Mä och wann d'Schrëft eigentlech net vill vun Faarwen fir Praxis hunn, ass zevill net néideg, an zwar fir d'Ziler vun der Realitéit vun virtualization net all brauch de cumuléierten "Kraaft» HTML an CSS, kënnt et eng Kéier wann der Situationen Wëssen un d'goen kopéiert an ugewisen Erfahrung an Instrumenter vun der natierlecher Équipe vun Stiler vun Inhalt.

Wéi wäert dës ginn, kann net ganz kloer, mä datt de Prozess ass schonn ënnert Manéier, selbstverständlech.