Links ::  | DEV web management system | Katalóg | Webhosting | Recepty
  
 Index | Registrácia | Hľadať | Galéria | BoardNeprihlásený užívateľ  //Štvrtok, 23. Novembra 2017 
Navigation
Index
Top 10 autorov
Top 20 článkov
Hľadať
Galéria

Zones
Asp.(NET)
C/C++
Flash
Grafika+Design
Hardware
Hry
Html/Css/Xml
Java
Linux
Networks
Operačný systém
Pascal/Delphi
PHP
Security
Software
SQL
Visual Basic
Wap/Wml
Windows
Zóna iné

Links
Script index Interval.cz Pc.sk Regedit.sk TipyaTriky.sk Builder.cz Asp.cz Živě.sk Zoznam.sk Code.box.sk Root.cz Quant&Financial

Odkazy

Sessions
Stránky Developer.sk si práve číta 540 čitateľov, z toho je 0 zaregistrovaných

BackEnd
Odkazy na nové články je možné preberať pomocou backend.php

kuk

    Atribút COLOR v CSS [3.časť- CSS]

V minulej časti seriálu o Kaskádových štýloch sme sa podrobne venovali kompatibilite jednotlivých browserov pri použití CSS. Tejto téme sa budeme okrajovo venovať ešte v niektorej z budúcich častí. Dnes pôjdeme ďalej a zameriame sa na farby a ich použitie.



Pri využívaní farieb je dôležité ich správne zadefinovanie a pochopenie ich využitia. Samotné definovanie atribútu COLOR môže byť viacerými spôsobmi Jeden spôsob je špecifikovať farbu jej názvom. Názvy farieb, ktoré môžete použiť sú nasledovné: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white a yellow. Tieto patria do palety Windows VGA - 16 color.

BODY {color: black; background: white }
H1 { color: maroon }
H2 { color: olive }

Ďalšou možnosťou je zadefinovanie typu farby pomocou RGB hodnôt, ktoré sú reprezentované číselnými hodnotami. Nasledujúci príklad nám ukazuje rôzne možnosti použitia RGB farieb.
Príklady použitia RGB:

EM { color: red } 
  /* klasické zadefinovanie */
EM { color: EM { color: EM { color: rgb(255,0,0) } 
  /* hodnota integeru 0 - 255 */
EM { color: rgb(100%, 0%, 0%) } 
  /* pohyblivé hodnoty v percentách 0.0% - 100.0% */ 

Ukážeme si príklad, ktorý nám objasní samotné použitie atribútu COLOR v HTML dokumente, konkrétne pri headings, teda nadpisoch - H1, H2, H3.

<HEAD>
<TITLE>CSS Príklad</TITLE>
<STYLE>
H1 { font-size: xx-large; color: green }
H2 { font-size: x-large; color: red }
H3 { font-size: large; color: blue }
</STYLE>
</HEAD>

V tomto príklade sme skombinovali použitie farieb spolu s definovaním veľkosti písma, čiže font-size. Výsledný efekt by bol asi taký, že nadpis H1 je zelenej farby, veľkosti "extra-extra-large", nadpis H2 je červenej farby, veľkosti "extra-large"a nadpis H3 je farby modrej o veľkosti "large".




Autor : Developer, čítané 8914x, komentárov: 0
Hodnotenie :    |  Utorok, 6. Mája 2003

Pridať nový komentár/Komentáre
Vaše hodnotenie :   horšie  lepšie
Login
Login:
Heslo:

Hľadať
 
v článkoch
v diskusiach
v komentároch

Top read
PHP Coder

Priklady v C. 1.čast.

DEV web management system

Php a bezpečnosť skriptov

Autorun CD

Top discuss
Jednoduchý web formulár (ASP.NET)

Delphi seriál: (1.časť)

Velmi rychla grafika v Pascale

DEV web management system

Naša ikona
Páčia sa Vám naše stránky ? Ak áno, podporte nás prosím a umiestnite si na svoju stránku našu ikonku:





Copyright (c) Developer.sk, All rights reserved.
Powered by DEV web management system