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

Programování - že zrcadlo: původně bylo slovo, ale to vůbec neovlivnilo odpověď. A velmi rychle bylo nutné "změnit": nejprve zrcadlo, pak slovo V daném čase, tabulky kaskádových stylů - to je dobré, ale proč tak dlouho je pro ni myšlenka developera? CSS je stále stejná řada počítačových programů od počátku éry, ale pouze v jiné perspektivě. Dokonce i když se matice staly asociativní, revoluce nevyšla.

Stránka stránky je značkovací značky HTML, které mohou být přiřazeny konkrétní třídě nebo identifikátoru stylu. První může být určena jednou a přičítána cokoliv, co je nutné jednou, druhá patří určitému prvku.


Obecné popisy stylů

Tradičně je styl umístěn v souboru CSS, ale může být přiřazen určitému prvku jeho atributu styl. Styl může být vytvořen dynamicky pomocí nástrojů javascript. Zvláštní význam není popisovat například pomocí CSS barvu písma, její velikost, písmo, pozadí pod ním atd. Místo popisu stylu má v kontextu význam, obvykle dvě myšlenky: později popsané, je to priorita a pokud je popsána na prvku, je to naprosto absolutní! Důležité. Ten, zaznamenaný tak, jak je, jasně určuje prioritu.
Použijte styl tak, aby například barva písma změnila barvu, je to možné kdekoli a kdekoli. Otázkou je, jak to bude provést prohlížeč během demontáže všech stylů v agregátu. Kolik strávíte na procesorovém čase? V ideálním případě by měla být barva písmajen jednou - je to klasika. Přemýšlet o jednom jednoduchém popisu je pár dalších, a pak samozřejmě můžete. Je to módní, ale nepraktické.

Příkladem obecného logiky

Jednoduše řečeno, definující barvy CSS pomocí všechny tři prvky, může být prodloužena alespoň tři problémy: # Ele1 # Ele2 # Ele3 {
POZICE: absolutní;
doleva: 20px;
horní: 14px;
barva: červená;
} # Ele2 # Ele3 {
vlevo: 90px; //změnit CSS souřadnice vodorovně
barva: žlutá; //změnit barvu písma CSS
} # Ele3 {
nahoru: 114px; //změna souřadnice CSS svisle barva: zelená; //změnit barvu písma znovu CSS pozadí-barva: lightgrey; //vyber barvu textu CSS upravený, ale to není # Ele1 a # Ele2; Pozice také změnil, ale to se změnilo # Ele2 a ne, jak je zde} Nyní mít na paměti, že všechny tyto tři prvky definované někde, a pokud se změní barva reprezentace vlastníkem pozemku, developer bude muset pamatovat nejen barvu, ale i o pravidlech doleva a nahoru, a zabarvení vybraného textu by se nemělo zapomínat.


Ne všichni vývojáři ctít požadavek CSS: Styl ID - pouze jeden prvek, a třídu 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 - styl třídy groundColor;
  • určete velikost písma - třída size15;
  • Nastavte pozici - třídu PlaceUp.
  • Samozřejmě, že používání identifikátorů, zvláště pokud náležejí do stejné element značkovacích desítce třídy stylu, namaloval v různých kombinacích ke stovkám elementů stránky. Ale všechny mají svou vlastní objektivní logiku.
    Developer je jednoduchýmusí správně vzít v úvahu: pokud dokonce barva písma HTML, CSS navrhne popsat pevně, pak flexibilita celkové struktury popisů je jeho práce.

    Očekávaný výsledek aplikace obecné logiky

    Moderní prohlížeče klidně odkazují na velké množství stylů a jejich objemů. Nicméně, při navrhování, zejména pomocí CSS, barvy celé stránky, člověk by měl vždy myslet na přiměřenou dostatečnost. Ne všechny stylistické pravidla jsou v aplikaci "levné". Jednoduchý lakonický záznam: * {color: white;} je určitě krásný, ale vztahuje se na všechny prvky stránky bez výjimky.
    Ze všech pravidel, která jsou vybavena CSS, je nejdůležitější:
  • styl je třída a jeho jméno začíná písmenem ".";
  • styl je identifikátor a jeho jméno začíná znakem "#";
  • , v ostatních případech - jméno tag nebo něco speciální
  • Další nápady v popisu stylů (dědičnost, blokující priority vlastnosti, pravidla, řád, atd.) By měly být používány inteligentně a to nezbytně nutné. Prohlížeč bude vždy chybět, co v popisu nebude popisovat, takže nebudou žádné zvláštní překvapení. Pokud se něco nenachází na správném místě nebo nemůžete zadat barvu písma v CSS, je zde chyba stylu.

    neočekávané příležitosti

    k tomu účelu, styly zdálo * {vlevo: 124px;} nebo ol ol, ul ol, ul ul, ul ol {margin-bottom: 0;}
    img {border: 0; } Přestože pro vývojáře nováčků je obtížné používat pravidla CSS. Vždy ve vývoji nějakého místa, dokonce i ideálně jednoduchá syntaxe CSS dává nepředvídatelné problémy. Pokud se však soustředíte na své úsilíPole správné syntaxe použití, ale vztahují se na funkční javascript, pak nové a nečekané příležitosti se vyhnout monotónní vytvořit identifikátory pro každou položku nebo sledovat stylovou řadu aplikačních formách.
    CSS není pouze stylový štítek, který je na stránce připojen přes značku odkazu nebo je do ní vložen štítek stylu. Je to také příležitost k vytvoření stylu za běhu nebo ke změně již existujícího. Při aplikaci CSS lze naprogramovat barvu písma. Stejně jako velikost a pozice, odrážky. Místo není určeno k použití znalostí o CSS, HTML, PHP nebo lesk s efekty javascript. Webový zdroj - to je především informace poskytované určitým způsobem. Proto CSS nejlépe zobrazí v dynamické prizmatem, jak tvořit, dokud strana je stále na serveru (to zabíralo PHP, když místo přišel s návštěvníkem a ne developer, zatímco on se vyvíjí místě) požadovaný soubor stylu pro konkrétní text, pro příslušný obsah nebo pro vytvoření třídy nebo stylu ID během práce během práce na stránce při pohledu konkrétním návštěvníkem.

    Statické dynamiku

    Ne vždy je obtížné psát javascript, aby dynamický obsah, a jeho design - nedostatečná údržba. Někdy je poměrně pravda používat dostupné funkce. Zejména tím, že CSS definuje barvu písma nejprve statickým pravidlem, můžete toto pravidlo skrýt (skryté) a zobrazit ho (viditelné).
    Zde dynamika nevyžaduje algoritmus: //osvětlení přihlašovacího tlačítka na webu
    funkce scfWelcomeOver () {
    document.getElementById ('scDocxNamePiP') style.visibility = 'viditelný';
    .}

    //přístup skrytí tlačítka místo
    funkce scfWelcomeOut () {
    document.getElementById ('scDocxNamePiP') Style.visibility = 'skrytý';
    } CSS nabízí své vlastní variace dynamiky: běžné čáry, průhlednost prvků, různé varianty překryvů, projevy, vyblednutí barev. V CSS může být barva písma dokončena tak, aby nebylo poskytováno žádné pravidlo stylu.

    Dynamické zobrazení obsahu

    Bez dogma by pravděpodobně nebyl žádný pokrok. To prostě není něco, na čem bychom měli bojovat. Hypertext přinesl do světa mnoho dogmat. Je načase upozornit na ně a začít pracovat v pragmatickém a praktickém stylu.
    Nejprve je stránka (P), obsahuje obsah (K), všechny tagy stránek jsou popsány ve stylu (S). Nevytvářejte novou stránku P přes server PHP nebo Perl na serveru a vyberete K z databáze. Stávající stylový list S bude přidán s automatickým strojem. Nicméně K může být změněno a ve většině případů taková změna bude vyžadovat další styly, tj. S +. Například zákazník řekl: „Místo popisuje život v Moskvě, tím lepší to bude vypadat v případě zpravodajských článků ve stylu“ ZaZavtrakom „description noční ruch ve stylu“ LasVegas „a články o vědeckého a technologického pokroku ve stylu“ ModernTehno ' " Ale pokud si tyto tři S verzi, pak neexistuje žádná záruka, že zákazník nebude mít tušení, že má soubor článků „News“, „Dovolená“, „Work», «CSS /HTML» a bonus ‚HozyaykeNaZametku.‘ Prakternější alternativní přístup. Bez ohledu na kategorii článku je vždy obsah, který lze určitým způsobem natřítbarvy Zde na této stránce je zcela správné myslet: získání určitého K, stále na serveru, aby vytvořil adekvátní S, a když se prohlížeč zeptá na P, získá požadovaný obsah ve správném vzoru.

    Dynamika stylů z javascriptu

    Minimální, i když velmi efektivní řešení - stylování přímo v klientském prohlížeči. Nejprve server uvolní - nemusíte ztrácet čas vytvářením značek stránky a souborů stylů pro ně. Za druhé, bude přirozená doba strávená uvnitř prohlížeče vytvořit efekt, že rušné obchodní stránku a aktivně podporuje dialog s návštěvníkem, stále nepřijímá obsah ve velkém, a proto se mu líbí promyšlenou a konzistentní výkon. Za třetí, umožňuje vývojáři poskytnout návštěvníkovi mechanismus pro vytváření obsahu ve stylu, který je pro něj vhodný. To není nikdo. Chcete-li tuto myšlenku implementovat, musíte provést mechanismus pro vytváření stylů prvků ihned po načtení stránky a v průběhu jejího provozu. Moderní místo je AJAX tak či onak. Není snadné provádět stylování přímo v procesu vytváření stromu stránek. Je to jednoduché, cenově dostupné a efektivní, protože obsah je v souladu s jeho designem. To není v rozporu se současnou tendencí oddělit zobrazení dat od jejich zpracování a odráží se jejich zpracování.

    CSS jako aktivní součást

    Hypertext přinesl mnoho dobrých, ale pouze malý zlomek přírodních informací byl úspěšně formalizován,byly nástroje a zkušenosti vytvářet vysoce kvalitní dokumenty HTML, XML, CSS. Není to problém formalizovat nové svazky informací a změnit již dříve provedené změny. Co se týče CSS, tento proces je již aktivován v zcela jiném kontextu. Vestavěný javascript, aby „on the fly“ vytvořit prvky a prvky stylů nepředpokládal takovou možnost a tvůrce PHP, zejména zvážit formování zapojit pouze HTML stránek. Jak první, tak i druhá umožňují vytvářet styly programování. Jedná se o nový směr v oblasti informačních technologií. Styly jsou mnohem formálnější než HTML nebo XML, pravidla jsou velmi jednoduchá. Styl je vždy přítomen v informaci, bez ohledu na to, jaká byla jeho povaha. Návrháři dat jsou vždy zapojeni do mnohem více neformalizovaných oblastí, ale téma CSS je velmi jednoduchý úkol, ale nespadá do oblasti vývoje.

    O dogmech v programování

    Jako ledovec, dogma nemůže dlouho vyděsit informační prostory. Kumulovaná zkušenost se zaměřila nejen na standardy HTML a CSS, nástroje s nimi pracující, znalosti vývojářů.
    Jednoduchý úkol - pomocí barvy písma CSS - našel své vynikající řešení. Pravidla, syntaxe, logika a pohodlí jsou nepochybné. Ale iv případě, že písmo ve skutečnosti nemají mnoho květin pro praxi příliš mnoho není, a dokonce i pro účely virtualizace skutečnosti nepotřebuje veškerý nahromaděný „sílu» HTML a CSS, tam přijde čas, kdy situační znalosti reprodutsyruyuschye dovnitř, a tam zkušeností a nástrojůpřirozená forma stylů obsahu. Možná to nemusí být zcela jasné, ale skutečnost, že proces již probíhá, je zřejmý.

    Související publikace