Programovanie - že zrkadlo: pôvodne bolo slovo, ale to vôbec neovplyvnilo odpoveď. A veľmi rýchlo bolo potrebné "zmeniť": najskôr zrkadlo, potom slovo V danom čase, tabuľky kaskádových štýlov - to je dobré, ale prečo tak dlho pre ňu bola myseľ developera? CSS je stále rovnaký súbor počítačových programov od začiatku éry, ale iba v inej perspektíve. Dokonca aj vtedy, keď sa zoskupenia stali asociatívnymi, revolúcia nebola.
Stránka stránky je značkovacie značky HTML, ktoré možno priradiť k určitej triede štýlov alebo identifikátorom štýlu. Prvý môže byť jednoznačne určený a pripísaný akémukoľvek, čo je potrebné raz, druhý patrí k špecifickému prvku.
Všeobecné popisy denníkov štýlu
Tradične je štýl umiestnený v súbore CSS, ale môže byť pridelený určitému prvku jeho atribútu štýlu. Štýl je možné vytvoriť dynamicky pomocou nástrojov javascript. Zvlášť dôležité nie je, ako napríklad opísať pomocou CSS farbu písma, jej veľkosť, písmo, pozadie pod ním atď. Umiestnenie opis štýl záležitosť v kontexte, zvyčajne dva nápady: čím neskôr popísané, takže je prioritou, a ak je popísaný prvkom, to Pozor !. Ten, ktorý je zaznamenaný tak, ako je, jasne určuje prioritu.
aplikovať štýly, ako je farba písma nejaká zmena farby môže byť kdekoľvek a akokoľvek chcete. Otázkou je, ako to urobí prehliadač počas demontáže všetkých štýlov v agregáte. Koľko minú na procesor? V ideálnom prípade by mala byť farba písmalen raz - je to klasika. Rozmýšľať o jednom jednoduchom opise je o pár, a potom, samozrejme, môžete. Je to módne, ale nepraktické.
Príklad všeobecnej logiky
Všetko je veľmi jednoduché: definovaním farby CSS všetkými tromi prvkami môžete získať aspoň tri dlhé problémy: # Ele1 # Ele2 # Ele3 {
POZÍCIA: absolútna; vľavo: 20px; hore: 14px; farba: červená; } # Ele2 # Ele3 { vľavo: 90px; //zmena súradnice CSS horizontálne farba: žltá; //zmeniť farbu písma CSS } # Ele3 { top: 114px; //zmena súradnice CSS vertikálne farba: zelená; //znova zmeniť farbu písma CSS farba pozadia: svetlozelená; //zmena farby výberu textu CSS, ale toto nie je v # Ele1 a # Ele2; Pozícia tiež zmenil, ale to sa zmenilo # Ele2 a nie, ako je tu} Teraz mať na pamäti, že všetky tieto tri prvky definované niekde, a ak sa zmení farba reprezentácie vlastníkom pozemku, developer bude musieť pamätať nielen farbu, ale aj o pravidlách ľavice a vrchu a o zmene farby výberu textu by sa nemalo zabudnúť.
Nie všetci vývojári ctiť požiadavka CSS: Štýl ID - iba jeden prvok, a triedu š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 - štýl triedy groundColor;
určiť veľkosť písma - veľkosť triedy15;
Nastavte pozíciu - triedu PlaceUp.
Samozrejme, použitie identifikátorov, najmä ak patria k jednému prvku označovania, je lepšie ako tucet štylistických tried, ktoré sú namalované v rôznych kombináciách na stovkách prvkov stránky. Ale všetci majú svoju vlastnú objektívnu logiku. Developer je jednoduchýmusí správne vziať do úvahy: ak dokonca aj farba písma HTML, CSS navrhuje popísať pevne, potom flexibilita celkovej štruktúry popisov je jeho práca.
Očakávaný výsledok aplikácie všeobecnej logiky
Moderné prehliadače pokojne odkazujú na veľké množstvo štýlov a ich objemov. Avšak pri navrhovaní, najmä pri použití CSS, farby celej strany, by sme mali vždy myslieť na primeranú dostatočnosť. Nie všetky štylistické pravidlá sú v aplikácii "lacné". Jednoduchý lakonický záznam: * {color: white;} je určite krásny, ale odkazuje na všetky prvky stránky bez výnimky.
Zo všetkých pravidiel, ktoré sú vybavené CSS, najdôležitejším
štýl je trieda, a potom jeho názov začína "."; Štýl
je identifikátor a jeho meno začína znakom "#";
, v ostatných prípadoch - meno tag alebo niečo špeciálne
Ďalšie nápady v popise štýlov (dedičnosť, blokujúce priority vlastnosti, pravidlá, poriadok, atď.) By mali byť používané inteligentne a to nevyhnutne potrebné. Prehliadač bude vždy chýbať, čo v opise nebude popisovať, takže nebudú žiadne zvláštne prekvapenia. Ak niečo nie je na správnom mieste alebo nie je možné určiť farbu písma v systéme CSS, je tu chyba štýlu.
neočakávané príležitosti
na ten účel, štýly zdalo * {vľavo: 124px;} alebo ol ol, ul ol, ul ul, ul ol {margin-bottom: 0;} img {border: 0; } Aj keď pre začínajúceho vývojára je ťažké používať pravidlá CSS. Vždy vo vývoji akéhokoľvek miesta, aj ideálne jednoduchá syntax CSS dáva nepredvídané problémy. Ak sa však zameriavate na svoje úsiliePole správne syntax použitia, ale vzťahujú sa na funkčné javascript, potom nové a nečakané príležitosti by sa predišlo monotónna vytvoriť identifikátory pre každú položku alebo sledovať štýlovú rad aplikačných formách.
CSS - nie je len súbor štýl pripojený k značke prostredníctvom odkazu alebo vloží do neho cez štýlu značky. 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. Na stránkach - to nemá za cieľ aplikovať vedomosti CSS, HTML, PHP alebo lesk účinky javascript. Webové zdroje - najmä informácie o ponúkanej určitým spôsobom. Preto CSS najlepšie zobrazí v dynamickej prizmou, ako tvoriť, kým strana je stále na serveri (to zaberalo PHP, keď namiesto prišiel s návštevníkom a nie developer, zatiaľ čo on sa vyvíja mieste) požadovaný súbor štýlu špecifický text pod skutočného obsahu alebo vytvoriť triedu štýlu alebo ID za behu počas prevádzky strana pri prehľadávaní určitého návštevníka.
Statické dynamiku
Nie vždy je ťažké písať javascript, aby dynamický obsah, a jeho dizajn - nedostatočná údržba. Niekedy je správne využitie dostupných príležitostí. Najmä identifikácia s farebným CSS font prvý statické pravidlo, toto pravidlo môže byť skrytá (skryté) a vizualizovať rôzne (viditeľné).
To si vyžaduje dynamický algoritmus: //označte funkčného tlačidla na webe . Funkcia scfWelcomeOver () { document.getElementById ('scDocxNamePiP') style.visibility = 'vidieť'; .}
//prístup skrytie tlačidla miesto funkcia scfWelcomeOut () { document.getElementById ('scDocxNamePiP') Style.visibility = 'skrytý'; } CSS ponúka svoje vlastné variácie dynamiky: bežiace čiary, priehľadnosť prvkov, rôzne varianty prekryvných vrstiev, prejavy, vyblednutie farieb. V systéme CSS môže byť farba písma dokonca taká, aby nebolo poskytnuté žiadne pravidlo štýlu.
Dynamické zobrazenie obsahu
Bez dogmy by pravdepodobne nebol dosiahnutý pokrok. Nie je to len niečo, s čím by ste mali bojovať. Hypertext priniesol veľa dogiem do sveta. Je načase upozorniť na ne a začať vytvárať stránky v pragmatickom a praktickom štýle.
Najprv je stránka (P), obsahuje obsah (K), všetky štítky stránok sú opísané v štýle (S). Nevytvárajte novú P stránku cez PHP alebo Perl na serveri, výberom K z databázy. Existujúci štýl S bude pridaný s automatickým strojom. Avšak K môže byť zmenená a vo väčšine prípadov bude táto zmena znamenať potrebu ďalších štýlov, to znamená S +. Napríklad zákazník povedal: "Miesto opisuje život v Moskve, tým lepšie to bude vyzerať v prípade spravodajských článkov v štýle" ZaZavtrakom "description nočné ruch v štýle" LasVegas "a články o vedeckého a technologického pokroku v štýle" ModernTehno ' " Ale ak si tieto tri S verziu, potom neexistuje žiadna záruka, že zákazník nebude mať tušenie, že má súbor článkov "News", "Dovolenka", "Work», «CSS /HTML» a bonus, HozyaykeNaZametku. ' Prakticky alternatívnejší prístup. Bez ohľadu na kategóriu článku je vždy obsah, ktorý možno určitým spôsobom natrieťfarbu. Tu je na tejto stránke celkom správne myslieť: získanie konkrétneho K, stále na serveri, aby vytvoril primeraný S, a keď sa prehliadač pýta P, získa požadovaný obsah v správnom konštrukcii.
Dynamika štýlov z javascripace
Minimálne, aj keď veľmi efektívne riešenie - robiť styling priamo v klientskom prehliadači. Po prvé, vyberie server - nemusíte strácať čas vytváraním značiek stránok a štýlových súborov pre neho. Po druhé, bude prirodzená čas strávený vnútri prehliadača vytvoriť efekt, že rušné obchodnú stránku a aktívne podporuje dialóg s návštevníkom, stále neprijíma obsah vo veľkom, a preto sa mu páči premyslenú a konzistentný výkon. Po tretie, umožňuje vývojárom poskytnúť návštevníkovi mechanizmus na vytváranie obsahu v štýle, ktorý je pre neho vhodný. Toto nie je nikto. Ak chcete implementovať túto myšlienku, musíte implementovať mechanizmus na vytváranie štýlov prvkov ihneď po načítaní stránky a počas jej prevádzky. Moderné miesto je AJAX tak alebo onak. Nie je ťažké vykonať styling priamo v procese vytvárania stromu stránok. Je to jednoduché, cenovo dostupné a efektívne, pretože obsah je spolu s jeho dizajnom. Toto nie je v rozpore so súčasnou tendenciou oddeliť zobrazenie údajov od ich spracovania a odzrkadľovanie vykonávania údajov.
CSS ako aktívna zložka
Hypertext priniesol veľa dobrých, ale len malý zlomok prírodných informácií bol úspešne formalizovaný,existovali nástroje a skúsenosti s vytváraním vysoko kvalitných dokumentov HTML, XML, CSS. Nie je problém formalizovať nové objemy informácií a zmeniť už skôr vykonané zmeny. Pokiaľ ide o CSS, tento proces je už aktivovaný v úplne inom kontexte. Vstavaný javascript, aby "on the fly" vytvoriť prvky a prvky štýlov nepredpokladal takúto možnosť a tvorca PHP, najmä zvážiť formovanie zapojiť iba HTML stránok. Prvá aj druhá vám umožňujú robiť štýly programovania. Toto je nový smer v oblasti informačných technológií. Štýly sú oveľa formálnejšie ako HTML alebo XML, pravidlá sú veľmi jednoduché. Štýl je vždy prítomný v informáciách, bez ohľadu na to, akú povahu to bolo. Návrhári údajov sa vždy zapájajú do omnoho viac neformalizovaných oblastí, ale téma CSS je veľmi jednoduchá úloha, ale nespadá do oblasti rozvoja.
O dogme v programovaní
Ako ľadovec, dogma nemôže dlho vystrašiť informačné priestory. Skúsenosti z minulosti sa musí zamerať nielen HTML a CSS štandardy nástroje pre prácu s nimi, vývojári znalosti.
Jednoduchá úloha - urobiť pomocou farby písma CSS - našla svoje vynikajúce riešenie. Pravidlá, syntax, logika a pohodlie sú nepochybné. Ale aj v prípade, že písmo v skutočnosti nemajú veľa kvetov pre prax príliš veľa nie je, a dokonca aj na účely virtualizácie skutočnosti nepotrebuje všetok nahromadený "silu» HTML a CSS, tam príde čas, kedy situačné znalosti reprodutsyruyuschye dovnútra, a tam skúseností a nástrojovprirodzenou formou štýlov obsahu. Možno to nemusí byť úplne jasné, ale skutočnosť, že proces už prebieha, je zrejmý.
