Links ::  | DEV web management system | Katalóg | Webhosting | Recepty
  
 Index | Registrácia | Hľadať | Galéria | BoardNeprihlásený užívateľ  //Utorok, 19. Septembra 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 441 čitateľov, z toho je 0 zaregistrovaných

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

kuk

    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.sk</H1>
</BODY>
</HTML>

A takýto bude výsledok:

Developer.sk

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.


Autor : Developer, čítané 9246x, komentárov: 0
Hodnotenie :    |  Piatok, 9. 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