Articole si Tutoriale Web Design

Dupa cum spuneam la articolul CSS TEXT culoarea textului poate fi specificata prin trei metode:

• nume – color:blue
• rgb – rgb(255,0,0)
• hex – color:#ff3333

Va prezentam un tabel cu majoritatea culorilor in functie de culoarea de baza, atat sub forma de nume, rgb si hex: Vezi tabelul de culori

Comentarii (0)

Sa vorbim putin despre propritatiile CSS ce pot fi aplicate textului in general (paragraf, headings, linkuri).

Cele mai uzuale si importante sunt:

1. Culoare text (text color)

Culoarea textului poate fi specificata prin trei metode:

• nume – color:blue
• rgb – rgb(255,0,0)
• hex – color:#ff3333

Culoarea implicita (default) va fi specificata in body.

body {color:red;}
h1 {color:#00ff00;}
p {color:rgb(255,0,0);}

2. Aliniere (Text alignment)

Variante disponibile: left, center, right, justify. Exemple:

h2 {text-align:center;}
p.dreapta {text-align:right;}
p.stanga {text-align:left;}
p {text-align:justify;}

3.  Decorare (text-decoration)

Variantele acceptate sunt: none, underline, overline, line-through, blink

De exemplu ca default …citeste tot articolul

Comentarii (0)

Acum sa luam cateva proprietati CSS pe rand, dupa care vom trece la lucruri mai avansate, si tot felul de artificii interesante.
1. CSS background:
Pentru a defini background-ul sunt acceptate:

• background-color (exemplu: background-color:#b0c4de;)
• background-image (exemplu: background-image:url(‘paper.gif’);)
• background-repeat (exemplu: background-repeat:repeat-x;) (repeat-x; repeat-y; no-repeat;)
• background-attachment (exemplu: background-attachment:fixed;)
• background-position (exemplu: background-position:top left;)

Toate proprietatile Background: …vezi toate proprietatile css pentru backgound

Comentarii (4)

* Definitie: CSS (Cascading Style Sheets) este un standard pentru formatarea elementelor unui document HTML. Stilurile se pot atasa elementelor XHTML prin intermediul unor fisiere externe sau in cadrul documentului.
CSS se poate utiliza si pentru formatarea elementelor XML si SVGL.

* Sintaxa CSS este structurata pe trei nivele:

• inline - direct in sursa xhtml a paginii web (exemplu: <p style=”color:#000000; font-size:12px;”>Paragraf</p>)
• embedded - in header-ul paginii web (exemplu: <style type=”text/css”>p {color:#000000; font-size:12px;}</style>)
• external - intr-ul fisier extern atasat paginii web (<link rel=”stylesheet” type=”text/css” href=”style.css” />)

* Sintaxa CSS este urmatoarea:

p {color:red; font-size:14px;}

Selector	Proprietate	Valoare	Proprietate	Valoare
p	color:	red;	font-size:	12px;

Comentarii (0)