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 [ 11. January 2000] - Martin_Nemecek
Práca s textom v Štýloch [4.časť seriálu o CSS]
Vo štvrtej časti nášho seriálu o CSS sme sa venovali atribútu COLOR a farbám všeobecne. Dnes si posvietime bližšie na formátovanie textu.



Táto téma úzko súvisí s farbami, takže ak ste náhodou neštudovali tretiu časť.

Takže aké možnosti máme pri formátovaní textu v HTML dokumentoch pomocou Kaskádových Štýlov ? Dalo by sa povedať že takmer neobmedzené. CSS nám dovoľujú učinnú správu, kontrolu a mnohostrannú konfiguráciu všetkých atribútov textu, ako sú :
  • family (typ písma)
  • weight (váha písma)
  • color (farba písma)
  • alignment (zarovnanie písma)
  • background color (farbu pozadia písma)
CSS taktiež vinikajú variabilitou zadefinovaných atribútov. Tieto môžeme zadefinovať v bodoch, percentách. inchoch. Všetky vlastnosti môžu byť zoskupené v jednotivých skupinách, ktoré následne aplikujeme na jednotlivé časti HTML dokumentu.

Ako vieme štýly môžu byť zadefinované tromi spôsobmi :
  • priamo na stránke v tagoch <STYLE></STYLE>
  • v externom dokumente *.css
  • priamo pri tagu, ktorý nám formátuje daný text.
My sa budeme tento krát venovať iba spôsobu kedy je CSS zadefinované priamo na stránke medzi tagmi HEAD. Pozrime sa na jeden príklad:

<HTML><HEAD>
<TITLE>CSS príklad - lekcia 04</TITLE>
<STYLE TYPE="text/css">
<!--
H1 {
font-size: 30pt;
font-family: Helvetica, Arial;
font-style: normal;
font-weight: bold;
color: silver;
text-indent: 5in;
background: -->
</STYLE>
</HEAD>>
<BODY BGCOLOR="<H1>
Developer Zone</H1>
</BODY>
</HTML>

A takýto bude výsledok:

Developer Zone

Z príkladu je zrejmé o čo nám išlo. V preddefinovanej sekcii, medzi tagmi STYLE, sme si určili že nadpis typu H1 bude veľkosti 30pt, typ písma - Helvetica alebo Arial, štýl písma - normal, váha - bold (tučné), farba - strieborná, farba pozadia - žltá, atď. Následne keď si už vyvoláme nadpis H1 v tele HTML dokumentu dostaneme výsledok ako vidíme vyššie. Žiadne iné parametre pri H1 už nie sú.

Na budúce si povieme čo to o ďalšom "skrášlovaní" textu na našich stránkach pomocou CSS.

 
 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:

 

"Práca s textom v Štýloch [4.časť seriálu o CSS]" | 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.