CSS :: Tvorba webu

Začíname

03.04.2011 17:10

Najskôr si opäť pomocou šablóny vytvorte dokument s názvom zaciname-s-css.html. Umiestnený môže byť v priečinku, v ktorom máte aj doteraz vytvorené dokumenty. Aby sme mohli jednotlivé príklady hneď precvičovať, ukážeme si najskôr, ako vytvoriť a pripojiť daný štýl k dokumentu. V zásade...

S akými jednotkami veľkosti sa stretneme

03.04.2011 18:30

Pri zapisovaní hodnôt sa stretneme s viacerými jednotkami. Príchodom CSS mnohé jednotky pribudli. Najčastejšie sa budete stretávať s nasledovnými jednotkami. JednotkaPopis px pixel, bod, absolútna jednotka závislá od veľkosti monitora em 1em je aktuálna veľkosť písma,...

Zapisovanie a výber farieb

03.04.2011 19:11

Pri definovaní farieb je možné použiť rôzne zápisy. S jedným zo zápisov ste sa už stretli v článku Začíname s CSS. Farba definovaná názvom Spôsob zápisu, ktorý sa používa už málo. Názvom je možné definovať 16 farieb. Ak použijete tieto názvy, máte istotu, že farby sa korektne...

Zapisovanie URL v CSS

03.04.2011 20:23

Zápis URL adresy v CSS používame najčastejšie na načítanie obrázkového pozadia alebo obrázkovej odrážky. Zápis absolútnej adresy je v tvare: url("https://nejakyweb.sk/nejakyobrazok.jpg") alebo relatívnej adresy napr. url("../obrazky/nejakyobrazok.jpg") Úvodzovky samozrejme možno nahradiť aj...

Základné formátovanie textu

03.04.2011 21:16

Kým sme sa prepracovali k tejto časti, už sme text formátovali. Ak si spomínate, menili sme veľkosť písma prostredníctvom font-size, farbu písma prostredníctvom color, pozadie prostredníctvom background alebo background-color. To ani zďaleka nie je všetko, čo s textom dokážeme urobiť. Tak......

CSS a odrážky

03.04.2011 22:02

Pomocou CSS dokážeme vytvárať efektné nečíslované aj číslované zoznamy. Pracovať budeme s nasledovnými vlastnosťami: list-style-type, list-style-position a list-style-image. List-style-type Pri nečíslovaných zoznamoch budeme používať nasledovné typy odrážok: disc - kruh v IE a Opere, plný...

Zahrajme sa s pozadím elementov

04.04.2011 16:31

Pri vytváraní pozadia nejakého elementu máme dve možnosti: buď vytvoríme pozadie tak, že určíme jeho farbu alebo do pozadia umiestnime vhodný obrázok. Pozadie určené farbou V tomto prípade použijeme vlastnosť, ktorú sme už spomínali v predošlých článkoch a to background-color. Zápis je...

Veľkosti elementov

04.04.2011 17:15

Na určenie rozmerov jednotlivých elementov nám slúžia vlastnosti: pre šírku - width, max-width, min-width pre výšku - height, max-height, min-height Šírka - width, výška - height, Existujú 3 možné hodnoty týchto vlastnosti: dĺžka - číslo + názov jednotky, napr. 540px percentá -...

Ako na orámovanie a okraje

04.04.2011 19:35

Ohraničenie (orámovanie) Ohraničenie elementov, prvkov je dôležitou súčasťou tvorby webových stránok. Spôsob ohraničenia určujeme prostredníctvom vlastnosti border, pričom využijeme 3 hodnoty: hrúbka rámu (ohraničenia) - napr. 2px štýl ohraničenia solid - bežná čiara double...

Pozícia elementu

04.04.2011 21:27

Na určenie pozície daného objektu budeme používať dve vlastnosti: position a z-index. Position V prípade vlastnosti position máme nasledovné možné hodnoty: static - normálna pozícia objektu, netreba určiť žiadne ďalšie hodnoty; absolute - absolútne umiestnenie vzhľadom na ľavý horný roh...

Aj TY to dokážeš! Stačí len nabrať odvahu.

CSS