Hlavná stránka · Diskusné Fórum · Pracovné príležitosti · Zoznam

 Main Menu
o Hlavná stránka
o Zoznam tém
o Zoznam
o Odporučte nás
o Užívatelia
o Vaše konto
o Pridaj článok
o Štatistiky
o Top 10

 Reklama


 Developer Zone's
o Internet
o Tools
o Linux
o CGI Zone
o ASP Zone
o ASP.net
o PHP Zone
o CSS Zone
o JavaScript
o MySQL
o WAP / WML
o WML / WMLScript
o XML / XHTML
o Tipy a triky
o Best of web
o WebServers
o WebDesign
o Grafika

 Servis
o Vyhľadávanie
o Fórum
o Workoffice
o Zoznam článkov
o Reklama
o Pridaj článok
o Pridaj novinku

Napíšte nám
Homepage Do favoritov

 LinkExpres
Interval.cz · Pc.sk
Builder.cz · Mobilmania
PCSvet.cz · Asp.cz
Webdnes · Živě.sk
Zoznam.sk · Atlas.sk
Inzine.sk · PHP.sk
Agent.sk · Lupa.cz
Code.box.sk · Root.cz
Pixel32 · Grafika.cz

 forum.developer.sk
o Fórum ::
o Markup languages
o Scriptové jazyky
o CGI
o PHP/MySQL
o Perl
o Grafika
o Webservery
o HTML Editory
o Browsery
o Bookmarx
o ASP
o Vytvor tému ::

 Pracovné príležitosti
o Ponúkate prácu?
o Hľadáte prácu?

 Autori developer.sk
o Martin Nemeček
o Sväťo Straka
o Jany Masaryk
o Jozef Murín

 
CSS [ 30. November 1999] - Martin_Nemecek
CSS - Cascading Style Sheets [úvod do problematiky]
Kaskádové štýly, alebo CSS [ Cascading Style Sheets], sú veľmi silným nástrojom pre vývojárov a tvorcov web stránok.



Povedané trochu nadsadene, CSS vytvárajú konzistenciu medzi videním, cítením html stránok a ich zobrazením. Ich silnou zbraňou sú veľké možnosti kontroly nad designom a samotným tvorením stránky.

V tomto seriály Vás naučíme ako pracovať s CSS, na čo si treba dávať pozor pri štýloch a ako ich začleňovať do Vašich stránok. Na zobrazenie stránok a všetkých nových vlastností, obohatených o CSS, treba použiť prehliadače MS Internet Explorer 4.0+,5.0+, alebo Netscape 4.0+. Aj keď treba povedať, že Netscape v terajšej verzii svojich prehliadačov, nepodporuje CSS v takej miere ako MS IE a je od neho v tejto oblasti trošku pozadu. Plnú podporu CSS sĺubuje Netscape v päťkovej verzii svojho prehliadača, ktorý ma byť k dispozícii koncom tohto roku.

Dnes sa zameriame na prvé úvodné slová o Kakádových štýloch.
CSS ponúkajú web designérom dosť nástrojov a funkcií na publikovanie a správu web sajtov. S CSS môžeme špecifikovať napríklad veľkosť FONTov písma, atribúty FONTu (italics, podčiarknutý, atď.), zarovnanie odstavcov, farby, medzery, pozície a veľa ďalších.

Použitím CSS môžeme aplikovať rôzne atribúty jednotlivých tagov na stránke. Tieto atribúty sa vyjadrujú pomocou "predpisov". Každý predpis je priradený jednému selektoru, napríklad P, FONT, A a podobne, ktoré sa následne na to použijú na stránke. Napríklad chceme nastaviť tag <P> na zobrazenie nasledovných parametrov textu: písmo font - Ms Sans Serif, veľkosť 12 bodov, so žltým pozadím.
Použijeme nasledovný predpis:

P { font-family: "ms sans serif";
			font-size: 12pt; background-color: yellow; }

Poďme si skúsiť začleniť nejaký štýl do html stránky. Najskôr si ukážeme klasickú html stránku bez štýlov.

<html>
 <head>
  <title>Vitajte na mojej domovskej stránke</title>
 </head>
<body>
<h1>Vitajte na mojej domovskej stránke</h1>
<p>Dnes si skúšame CSS</p>
</body>
</html>

Výsledný HTML súbor..

No a teraz ideme na ostro už s Cascading Style Sheets:

 <STYLE TYPE="text/css"><!--
  P     { font-family: "ms sans serif";
          font-size: 12pt;
          background-color: yellow; }
  H1    { font-family: "impact, arial";
          font-size: 35pt;
          color: red; }
  --></STYLE>

Výsledný HTML súbor..

Dôležité je dodržať medzery a znakové konvencie, inak by zobrazenie stránky nemuselo zodpovedať nastaveniu CSS.

Toľko na dnes, na budúce budeme pokračovať druhou časťou o CSS, takže dovtady sa majte krásne :-)

 
 Príslušné odkazy k téme
Viac o téme: CSS | Iné články od: Admin | Pošli komentár | Stránka vhodná na tlač width=15 height=11  Pošli tento článok priateľovi, známemu width=15 height=11


Najčítanejšie články CSS:
CSS - Cascading Style Sheets [úvod do problematiky]

Ďalšie články v rubrike CSS:

 

"CSS - Cascading Style Sheets [úvod do problematiky]" | Login / vytvor konto | 0 Komentárov
Prah
Za obsah komentárov je zodpovedný užívateľ, nie prevádzkovateľ týchto stránok.



Autorské práva:   ©1999 - 2001 Developer Zone [developer@developer.sk]

Všetky články sú vlastníctvom autorov Developer Zone. Všetky práva vyhradené. Stránky Developer.sk sú vytvorené pomocou PHP-Nuke.
Odkazy na nové články je možné preberať pomocou:Backend.php.