CSS: farba písma, štýl, vzor, veľkosť

Programovanie - zrkadlo: Na počiatku bolo Slovo, a to sa odráža späť. A veľmi rýchlo sa to muselo "change": prvé zrkadlo, potom slovo ... V tomto okamihu, kaskádových štýlov - je dobrá, ale prečo sa tak dlho, že to bude vadiť developer? CSS - je to všetko rovnaké časy pole éra počítačových programov, ale len v inej perspektíve. Dokonca aj keď sa masy stal asociatívne revolúcie sa nevykonáva.

webová stránka - označí ho HTML značky, ktoré možno pripísať určitú štýlu alebo v štýle identifikátor triedy. Prvý môže byť definovaný raz a pripísať čokoľvek toľko potrebný čas a druhý patrí do určitého prvku.

Všeobecná logika popisu štýlov

Podľa tradície, štýl je umiestnený v CSS-súbor, ale možno pripísať na určitý prvok v atribúte štýle. Štýl môže byť vytvorený v dynamike nástrojov JavaScript. Zvlášť dôležité je to, ako je popísané, napríklad pomocou farebného CSS font, jeho veľkosť, headsetu, pozadia pod ním, a tak ďalej. Umiestnenie opis štýl je dôležitá v kontexte, zvyčajne dva nápady: čím neskôr popísané, takže je vyššiu prioritu, a ak je popísané v elementu, to dôležité!. Posledný uložiť, pretože je jasne definuje priority.

Aplikovať štýl, napríklad určitá farba písma zmena farby, môže byť kdekoľvek a čokoľvek. Otázkou je, ako reagovať na neho v prehliadači pri demontáži všetkých štýlov dohromady. Koľko strávil na tomto CPU?

V ideálnom prípade, Farba písma by mali byť uvedené iba raz - to je klasika. Premyslieť k jednoduchému popisu páru, a potom ďalšie a ďalšie ... Samozrejme, môžete. Je to módne, ale praktické.

Príklad všeobecne logika

Docela jednoducho určená farbou CSS pre všetky tri prvky, je možné sa dostať najmenej tri dlhotrvajúce problémy:

# Ele1, # Ele2, # Ele3 {
POLOHA: absolútna;
left: 20px;
top: 14px;
farba: červená;
}

# Ele2, # Ele3 {
left: 90px; // zmeniť CSS horizontálne súradníc
farba: žltá; // zmeniť farbu písma CSS
}

# Ele3 {
Horná: 114px; // zmeniť CSS vertikálne súradnicu

farba: zelená; // opäť zmeniť farbu písma CSS

background-color: lightgrey; // CSS texte zvýrazniť farbu zmeniť, ale to nie je prítomný v # Ele1 a # Ele2; Pozícia tiež zmenil, ale to sa zmenilo v # Ele2 a nie, ako tu

}

Teraz musíme mať na pamäti, že všetky z týchto troch prvkov je definovaný niekde, av prípade zmeny farebných reprezentáciou vlastníka webu, vývojár bude mať na pamäti, a to nielen o farbe, ale aj o ľavej strane pravidlá a hornej, a dokonca aj k zmene vrcholom farbu textu by sa nemalo zabúdať.

Nie všetci vývojári sú uctievaní požiadavka CSS: Style ID - iba jeden prvok, a trieda štýl - mnoho značiek, okrem posledného možného okamihu v značkách ako sú adjektíva:

• nastaviť farbu písma v CSS - trieda groundColor štýlu;
• určiť veľkosť písma - trieda size15;
• Nastavená poloha - trieda PlaceUp.

Samozrejme, že používanie identifikátorov, a to najmä, keď patria do rovnakej označenie prvku triedy desiatke štýlu maľované v rôznych kombináciách stovky prvkov stránky. Ale všetko má svoj objektívny logiku.

Developer jednoducho musí správne brať do úvahy: i keď je farba písma HTML, CSS ponúka ťažké opísať, flexibilitu celkovej štruktúry názvami - to je jeho práca.

Očakávaným výsledkom využitia spoločnej logiky

Moderné prehliadače sú pohodlné s veľkým množstvom súborov štýlu a objemov. Avšak, projektovanie, a to najmä prostredníctvom CSS, zafarbiť celú stránku, mali by ste vždy myslieť na rozumné dostatočnosti. Nie všetky pravidlá v štýle "lacné" vzhľad v žiadosti. Jednoduché laconic entry: * {color: white;} - iste krásne, ale to platí pre všetky prvky stránky, a to bez výnimky.

Zo všetkých pravidiel, ktorá je vybavená CSS, najdôležitejšie:

• style - trieda, a potom meno začína ""
• Štýl - identifikátor a jeho názov začína znakom "#";
• v ostatných prípadoch - menovku, alebo niečo špeciálne

Zvyšné časti opisu myšlienok štýly (dedičnosti vlastností prekrývajú, priority, poloha, poradie a podobné. D.) je potrebné použiť inteligentný a nevyhnutne nutné.

Prehliadač vždycky chýbať, nerobia v popise, takže zvláštne prekvapenie nebude. Ak niečo nie je na správnom mieste alebo nastaviť farbu písma v CSS nie je možné, teda v štýle chyby.

nečakané príležitosti

By nemala zneužívať štýly ako * {ľavej: 124px; } alebo

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

Aj keď je ťažké, aby aj začiatočník vývojár používať CSS pravidlá tak, ako sú. Vždy pri vývoji akéhokoľvek miesta, a to aj úplne jednoduché syntaxe CSS dáva nečakané problémy. Avšak, ak sa vzťahujú priame úsilie na správne používanie syntaxe, ale funkcia JavaScript je nové a nečakané príležitosti sa vyhnúť monotónna vytvoriť identifikátory pre každý prvok, alebo pre sledovanie využitia rôznych štýlov a tried.

CSS - nie je len súbor v štýle, ktorý je pripojený na stránku pomocou tagu odkazu alebo vloží do neho prostredníctvom značky štýlu. Je tiež možné vytvoriť štýl za behu alebo upraviť existujúcu.

Pomocou CSS, farbu písma možno vykonať programovo. Ako aj veľkosti a polohy, okraje. Webové stránky - nie je cieľom aplikovať poznatky v CSS, HTML, PHP alebo JavaScript účinky blesku.

Webový zdroj - je predovšetkým informácia ponúkané určitým spôsobom. To je dôvod, prečo CSS je najlepšie vidieť v dynamike cez šošovku, ako je možné vytvoriť, keď strana je stále na serveri (nie je k dispozícii PHP v čase, keď návštevník webu prišiel, nie je developer v čase, keď bol vyvíjajúci sa miesto), požadovaná štýlov špecifický text pre relevantný obsah, alebo vytvoriť triedu štýlu alebo identifikátor za behu, ako stránky sa pracuje, keď sa pozerá na konkrétne návštevníka.

statická dynamika

Nemali by sme vždy napísať sofistikovaný find JavaScriptu kód, aby sa dynamického obsahu a jeho tvorba - primeraný obsah. Niekedy stačí správne využívať dostupné možnosti. Najmä tým, že definuje CSS Farba písma spočiatku statické pravidlo, môžete skryť toto pravidlo (skryté) a vizualizovať rôzne (viditeľné).

Tu je reproduktor nevyžaduje algoritmus:

// označte tlačidlo vstupu na webové stránky
Funkcia scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'viditeľný'.;
}

// skryť tlačidlo vstupu na webové stránky
funkcia scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'skrytý'.;
}

CSS ponúka vlastnú dynamiku: priebežné indikátory, priehľadné prvky, rôzne prevedenia presahmi, displeja, blednutiu farieb. CSS, farbu písma možno vykonať aj tak, že nikto štylistické pravidlo nie je k dispozícii.

Dynamický obsah displeja

Ak nedošlo k dogmy, snáď by k žiadnemu pokroku. Len nie, aké to bolo bojovať. Hypertext priviedol na svet veľa dogma. Je na čase venovať pozornosť k nim a aby začala vytvárať miesta v pragmaticky a praktickom štýlu.

Spočiatku, tam je strana (P), niektoré z vašich obsahu (K), všetky tagy stránke sú popísané v štýlov (S). Nie je to nová forma P stránky pomocou PHP alebo Perl na serveri zvolením K z databázy. Existujúce štýlov S bude nasledovať automaticky. Avšak K môžu byť zmenené, a vo väčšine prípadov takáto zmena by znamenala nutnosť ďalších štýlov, to znamená S +.

Napríklad zákazník povedal: "Miesto opisuje život v Moskve, bude vyzerať lepšie, ak novinové články sú zariadené v štýle" ZaZavtrakom "popisujúci nočné ruch v štýle" Las Vegas, a články o vedecký a technologický pokrok v štýle 'ModernTehno' ". Ale ak budeme robiť S na tri z týchto možností, neexistuje žiadna záruka, že zákazník nebude mať tušenie, mať k dispozícii súbor článkov "News", "sviatok", "Work», «CSS / HTML» bonus, HozyaykeNaZametku '.

Iným prístupom praktickejšie. Bez ohľadu na kategóriu výrobku je vždy obsah, ktorý možno natierať do určitej farby. Tu na tomto mieste, že je celkom rozumný nápad: Špecifické K, stále na serveri generovať dostatočné S a prehliadač bude vyžadovať P, dostane ten správny obsah na správnom vôľou.

Dynamika štýl JavaScriptu

Minimum, aj keď veľmi efektívne riešenie - robiť styling priamo v prehliadači klienta. Po prvé, že uvoľňuje servera - nebudú musieť tráviť čas na tvorbu hypertextových stránok a súborov štýl pre ňu.

Po druhé, prirodzený strata času vnútri prehliadača bude vytvoriť efekt, že stránka je obsadený podnikanie a aktívne podporuje dialóg s návštevníkmi: stále nevidí obsah vo veľkom, preto, že by chcel dôsledné a premyslené informačné výstup.

Po tretie, to umožňuje vývojárom poskytnúť návštevníkovi mechanizmus obsahu v tomto štýle, v ktorom je pohodlná. Nie je to ani nikoho.

Ak chcete implementovať túto myšlienku, je potrebné zaviesť mechanizmus pre vytváranie prvkov štýlu ihneď po načítaní stránky, a v priebehu jeho prevádzky. Moderné miesto - je to AJAX v určitej forme. To nie je ťažké vykonávať tvorbu štýlov priamo v procese tvorby stránok stromu. Je to jednoduché, cenovo dostupné a efektívne, pretože obsah je spolu s jeho registráciu.

To nie je v rozpore s modernou tendenciu oddeliť prezentáciu dát zo spracovania vykonané na základe údajov a odchode na displeji.

CSS ako účinnú zložku

Hypertext priniesol veľa dobrého, ale len malý zlomok z prírodného informácií bola úspešne prijatá, boli nástroje a skúsenosti s tvorbou vysoko kvalitné HTML, XML, CSS dokumentov. Nie je problém formovať nové objemy informácií a meniť už skôr vyrobené.

S ohľadom na CSS, tento proces je aktivovaný v úplne inom kontexte. Vstavané nástroje v JavaScripte, ktoré umožňujú "on the fly" pre vytvorenie prvkov a štýlov prvkov nepredpokladal takú možnosť, a tvorcovia PHP, najmä predpokladá, že sa podieľa na tvorbe iba HTML stránok.

Prvá aj druhá umožňuje robiť programovacie štýly. Tento nový smer v oblasti informačných technológií. Štýly podstatne viac formálne vec ako XML alebo HTML, pravidlá sú veľmi jednoduché. Štýl je vždy prítomný v informáciách, bez ohľadu na to, ako to bolo prirodzené.

Registračné databázy programátori sú zapojené vždy oveľa formalizovaných sektorov, ale CSS téma - veľmi jednoduchá úloha, ale nejako nedostal do zorného poľa vývojového procesu.

Na dogma v oblasti programovania

Ako ľadovec, môže dogma nedlho rozlohy zvraštil informácie. Skúsenosti z minulosti musel sústrediť nielen v HTML- a CSS štandardy, nástroje pre prácu s nimi, vývojári znalosti.

Jednoduchá úloha - urobiť prostredníctvom CSS farbu písma - našla ideálne riešenie. Pravidlá, syntax, logika a pohodlie sú nesporné. Ale aj v prípade, že písmo v skutočnosti nemajú veľa farieb pre prax príliš veľa nie je nutná, a dokonca aj na účely virtualizácie skutočnosti nepotrebuje všetok nahromadený "sily» HTML a CSS, príde čas, kedy sa situačný vedomosti ísť do reprodukovaný a zobrazí skúsenosti a nástroje prirodzené tvorby štýlov obsahu.

Ako to bude, nemusí byť úplne jasné, ale že tento proces už prebieha, samozrejme.