CSS: barva písma, styl, vzor, velikost

Programování - zrcadlo: Na počátku bylo Slovo, a to se odráží zpět. A velmi rychle se to muselo „change“: první zrcadlo, pak slovo ... V tomto okamžiku, kaskádových stylů - je dobrá, ale proč se tak dlouho, že to bude vadit developer? CSS - je to všechno stejné časy pole éra počítačových programů, ale jen v jiné perspektivě. Dokonce i když se masy stal asociativní revoluce se neprovádí.

webová stránka - označí jej HTML značky, které lze přičíst určitou stylu nebo ve stylu identifikátor třídy. První může být definován jednou a připsat cokoliv tolik potřebný čas a druhý patří do určitého prvku.

Obecná logika popisu stylů

Podle tradice, styl je umístěn v CSS-soubor, ale lze připsat na určitý prvek v atributu stylu. Styl může být vytvořen v dynamice nástrojů JavaScript. Zvláště důležité je to, jak je popsáno, například pomocí barevného CSS font, jeho velikost, headsetu, pozadí pod ním, a tak dále. Umístění popis styl je důležitá v kontextu, obvykle dva nápady: čím později popsáno, takže je vyšší prioritu, a pokud je popsáno v elementu, to důležité !. Poslední uložit, protože je jasně definuje priority.

Aplikovat styl, například určitá barva písma změna barvy, může být kdekoli a cokoli. Otázkou je, jak reagovat na něj v prohlížeči při demontáži všech stylů dohromady. Kolik strávil na tomto CPU?

V ideálním případě by barva písma by měly být uvedeny pouze jednou - to je klasika. Promyslet k jednoduchému popisu páru, a pak další a další ... Samozřejmě, můžete. Je to módní, ale praktické.

Příklad obecně logika

Docela jednoduše určena barvou CSS pro všechny tři prvky, je možné se dostat nejméně tři dlouhotrvající problémy:

# Ele1, # Ele2, # Ele3 {
POLOHA: absolutní;
left: 20px;
top: 14px;
barva: červená;
}

# Ele2, # Ele3 {
left: 90px; // změnit CSS horizontální souřadnic
barva: žlutá; // změnit barvu písma CSS
}

# Ele3 {
Horní: 114px; // změnit CSS vertikální souřadnici

barva: zelená; // opět změnit barvu písma CSS

background-color: lightgrey; // CSS textu zvýraznit barvu změnit, ale to není přítomen v # Ele1 a # Ele2; Pozice také změnil, ale to se změnilo v # Ele2 a nikoli, jak zde

}

Nyní musíme mít na paměti, že všechny z těchto tří prvků je definován někde, av případě změny barevných reprezentací vlastníka webu, vývojář bude mít na paměti, a to nejen o barvě, ale také o levé straně pravidla a horní, a dokonce i ke změně vrcholem barvu textu by se nemělo zapomínat.

Ne všichni vývojáři jsou uctíváni požadavek CSS: Style ID - pouze jeden prvek, a třída styl - mnoho značek, kromě posledního možného okamžiku ve značkách jako jsou adjektiva:

• nastavit barvu písma v CSS - třída groundColor stylu;
• určit velikost písma - třída size15;
• Nastavená poloha - třída PlaceUp.

Samozřejmě, že používání identifikátorů, a to zejména, když patří do stejné označení prvku třídy desítce stylu malované v různých kombinacích stovky prvků stránky. Ale všechno má svůj objektivní logiku.

Developer prostě musí správně brát v úvahu: i když je barva písma HTML, CSS nabízí těžké popsat, flexibilitu celkové struktury popisy - to je jeho práce.

Očekávaným výsledkem využití společné logiky

Moderní prohlížeče jsou pohodlné s velkým množstvím souborů stylu a objemů. Nicméně, projektování, a to zejména prostřednictvím CSS, obarvit celou stránku, měli byste vždy myslet na rozumné dostatečnosti. Ne všechna pravidla ve stylu „levné“ vzhled v žádosti. Jednoduché laconic entry: * {color: white;} - jistě krásné, ale to platí pro všechny prvky stránky, a to bez výjimky.

Ze všech pravidel, která je vybavena CSS, nejdůležitější:

• style - třída, a pak jméno začíná „“
• Styl - identifikátor a jeho název začíná znakem „#“;
• v ostatních případech - jmenovku, nebo něco speciálního

Zbývající části popisu myšlenek styly (dědičnosti vlastností překrývají, priority, poloha, pořadí a podobné. D.) je třeba použít inteligentní a nezbytně nutné.

Prohlížeč vždycky chybět, nedělají v popisu, takže zvláštní překvapení nebude. Pokud něco není na správném místě nebo nastavit barvu písma v CSS není možné, tedy ve stylu chyby.

nečekané příležitosti

By neměla být zneužívána styly jako * {levé: 124px; } nebo

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

I když je obtížné, aby i začátečník vývojář používat CSS pravidla tak, jak jsou. Vždy při vývoji jakéhokoli místa, a to i zcela jednoduché syntaxe CSS dává nečekané problémy. Nicméně, pokud se vztahují přímé úsilí na správné používání syntaxe, ale funkce JavaScript je nové a nečekané příležitosti se vyhnout monotónní vytvořit identifikátory pro každý prvek, nebo pro sledování využití různých stylů a tříd.

CSS - není jen soubor ve stylu, který je připojen na stránku pomocí tagu odkazu nebo vloží do něj prostřednictvím značky stylu. Je také možné vytvořit styl za běhu nebo upravit existující.

Pomocí CSS, barvu písma lze provést programově. Jakož i velikosti a polohy, okraje. Webové stránky - není cílem aplikovat poznatky v CSS, HTML, PHP nebo JavaScript účinky blesku.

Webový zdroj - je především informace nabízené určitým způsobem. To je důvod, proč CSS je nejlépe vidět v dynamice přes čočku, jak je možné vytvořit, když strana je stále na serveru (není k dispozici PHP v době, kdy návštěvník webu přišel, není developer v době, kdy byl vyvíjející se místo), požadovaná stylů specifický text pro relevantní obsah, nebo vytvořit třídu stylu nebo identifikátor za běhu, jak stránky se pracuje, když se dívá na konkrétní návštěvníka.

statická dynamika

Neměli bychom vždy napsat sofistikovaný find JavaScriptu kód, aby se dynamického obsahu a jeho tvorba - přiměřený obsah. Někdy stačí správně využívat dostupné možnosti. Zejména tím, že definuje CSS Barva písma zpočátku statické pravidlo, můžete skrýt toto pravidlo (skryté) a vizualizovat různé (viditelné).

Zde je reproduktor nevyžaduje algoritmus:

// označte tlačítko vstupu na webové stránky
Funkce scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'viditelný' .;
}

// skrýt tlačítko vstupu na webové stránky
funkce scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'skrytý' .;
}

CSS nabízí vlastní dynamiku: průběžné indikátory, průhledné prvky, různá provedení překryvy, displeje, blednutí barev. CSS, barvu písma lze provést i tak, že nikdo stylistické pravidlo není k dispozici.

Dynamický obsah displeje

Nedošlo-li k dogmata, snad by k žádnému pokroku. Jen ne, jaké to bylo bojovat. Hypertext přivedl na svět spoustu dogma. Je na čase věnovat pozornost k nim a aby začala vytvářet místa v pragmaticky a praktickém stylu.

Zpočátku, tam je strana (P), některé z vašich obsahu (K), všechny tagy stránce jsou popsány v stylů (S). Není to nová forma P stránky pomocí PHP nebo Perl na serveru zvolením K z databáze. Stávající stylů S bude následovat automaticky. Nicméně K mohou být změněny, a ve většině případů taková změna by znamenala nutnost dalších stylů, to znamená S +.

Například zákazník řekl: „Místo popisuje život v Moskvě, bude vypadat lépe, pokud novinové články jsou zařízeny ve stylu“ ZaZavtrakom „popisující noční ruch ve stylu“ Las Vegas ‚a články o vědecký a technologický pokrok ve stylu‘ ModernTehno ' ". Ale pokud budeme dělat S na tři z těchto možností, neexistuje žádná záruka, že zákazník nebude mít tušení, mít k dispozici soubor článků „News“, „svátek“, „Work», «CSS / HTML» bonus ‚HozyaykeNaZametku‘.

Jiným přístupem praktičtější. Bez ohledu na kategorii výrobku je vždy obsah, který lze natírat do určité barvy. Zde na tomto místě, že je docela rozumný nápad: Specifické K, stále na serveru generovat dostatečné S a prohlížeč bude vyžadovat P, dostane ten správný obsah na správném vůlí.

Dynamika styl JavaScriptu

Minimum, i když velmi efektivní řešení - dělat styling přímo v prohlížeči klienta. Za prvé, že uvolňuje serveru - nebudou muset trávit čas na tvorbu hypertextových stránek a souborů styl pro ni.

Za druhé, přirozený ztráta času uvnitř prohlížeče bude vytvořit efekt, že stránka je obsazený podnikání a aktivně podporuje dialog s návštěvníky: pořád nevidí obsah ve velkém, proto, že by chtěl důsledné a promyšlené informační výstup.

Za třetí, to umožňuje vývojářům poskytnout návštěvníkovi mechanismus obsahu v tomto stylu, ve kterém je pohodlná. Není to ani nikoho.

Chcete-li implementovat tuto myšlenku, je třeba zavést mechanismus pro vytváření prvků stylu ihned po načtení stránky, a v průběhu jeho provozu. Moderní místo - je to AJAX v určité formě. To není obtížné provádět tvorbu stylů přímo v procesu tvorby stránek stromu. Je to jednoduché, cenově dostupné a efektivní, protože obsah je spolu s jeho registraci.

To není v rozporu s moderní tendenci oddělit prezentaci dat ze zpracování provedené na základě údajů a odchodu na displeji.

CSS jako účinnou složku

Hypertext přinesl mnoho dobrého, ale jen malý zlomek z přírodního informací byla úspěšně přijata, byly nástroje a zkušenosti s tvorbou vysoce kvalitní HTML, XML, CSS dokumentů. Není problém formovat nové objemy informací a měnit již dříve vyrobené.

S ohledem na CSS, tento proces je aktivován v úplně jiném kontextu. Vestavěné nástroje v JavaScriptu, které umožňují „on the fly“ pro vytvoření prvků a stylů prvků nepředpokládal takovou možnost, a tvůrci PHP, zejména předpokládá, že se podílí na tvorbě pouze HTML stránek.

První i druhá umožňuje dělat programovací styly. Tento nový směr v oblasti informačních technologií. Styly podstatně více formální věc než XML nebo HTML, pravidla jsou velmi jednoduchá. Styl je vždy přítomen v informacích, bez ohledu na to, jak to bylo přirozené.

Registrační databáze programátoři jsou zapojeny vždy mnohem formalizovaných sektorů, ale CSS téma - velmi jednoduchý úkol, ale nějak nedostal do zorného pole vývojového procesu.

Na dogma v oblasti programování

Jako ledovec, může dogma nedlouho rozlohy svraštilo informace. Zkušenosti z minulosti musel soustředit nejen v HTML- a CSS standardy, nástroje pro práci s nimi, vývojáři znalosti.

Jednoduchý úkol - učinit prostřednictvím CSS barvu písma - našla ideální řešení. Pravidla, syntax, logika a pohodlí jsou nesporné. Ale iv případě, že písmo ve skutečnosti nemají mnoho barev pro praxi příliš mnoho není nutná, a dokonce i pro účely realitě virtualizace nepotřebuje veškerý nahromaděný „síly» HTML a CSS, přijde čas, kdy se situační znalosti jít do reprodukovaný a zobrazí zkušenosti a nástroje přirozené tvorby stylů obsahu.

Jak to bude, nemusí být zcela jasné, ale že tento proces již probíhá, samozřejmě.