Stiluri Pentru Text

4.
1 Aliniere
text-align pozitioneaza pe orizontala obiecte (de exemplu text sau imagini) si a
dmite valorile left, right si center ca si eticheta align din HTML.
In continuare este prezentat ca exemplu codul folosit in HEAD, aplicat etichetei
p:
<style type="text/CSS">

</style>
Exemplu: prin intermediul lui div aplicam stilul pecentru imaginii si textului
<html>
<head>
<title>Exemplu 4_1</title>
<style type="text/css">

</style>
</head>
<body>
<div class="pecentru"><img src="poza.jpg"></div>
Text neformatat
<div class="pecentru">Text formatat</div>
</body>
</html>
vertical-align este folosit pentru alinierea pe verticala a obiectelor dintr-un
tabel si poate lua valorile: top, middle si bottom.
In exemplul de mai jos este creat clasa sus care va putea fi aplicat elementelor
<td> ale tabelului

</style>
float este folosit pentru alinierea textului cu imaginile si poate avea valorile
: left si right. In functie de valoarea aleasa imaginea va fi aliniata in partea
opusa a paginii.
Exemplu: cream clasa auto si o aplicam inaginii
<html>
<head>

</style>
</head>
<body>
<img src="poza.jpg" class="auto">
Textul se aliniaza la dreapta, iar poza la stanga datorita clasei "auto".
</body>
</html>
4.2 Tabulare
text-indent este folosit pentru alinierea textului in interior avand valori expr
imate in inci (in), centimetri (cm) sau pixeli (px).
In exemplul de mai jos text-indent este aplicat etichetei p deplasand textul cu
10 pixeli in interior

</style>
4.3 Decorare
text-decoration adauga sublinierea sau taierea blocului text asociat si poate av
ea valorile underline, line-through sau none.
Exemplu: stilul asociat etichetei p este prezentat in HEAD
<html>
<head>

</style>
</head>
<body>
Text normal
<p>Text subliniat</p>
</body>
</html>
4.4 Culoare
color defineste culoarea textului dintr-o zona sau intraga pagina.
Exemplu: stilul asociat etichetei p este prezentat in HEAD
<html>
<head>

</style>
</head>
<body>
Text normal
<p>Text albastru</p>
</body>
</html>
4.5 Stiluri pentru legaturi
In HTML culoarea legaturilor poate fi stabilita prin atributele LINK, ALINK si V
LINK declarate in interiorul etichetei BODY.
Acelasi lucru si chiar mai mult poate fi realizat folosind sintaxa CSS.
Exemplu
<html>
<head>

</style>
</head>
<body>
Text normal
<a href="exemplu4_4.html">link</a> catre exemplul 4_4
</body>
</html>
a defineste stilul general pentru legatura
a:link defineste stilul legaturii nevizitate
a:visited defineste stilul legaturii vizitate
a:active defineste stilul legaturii active (nu prea se foloseste)
a:hover defineste stilul cand mouse-ul este deasupra legaturii

Stiluri Pentru Text

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Stiluri Pentru Text

Încărcat de

Drepturi de autor:

Formate disponibile

4.

S-ar putea să vă placă și