Web Design Tutorial

Citeste si progreseaza

Tutorial CSS

O foaie de stil consta in una sau mai multe reguli care descriu modul in care un element dintr-o pagina HTML va fi afisat. O regula intr-o foaie de stil are urmatorul format:
selector{proprietate:valoare}
selector-identifica elementul HTML pentru care se specifica modul de afisare. Practic orice element HTML poate fi posibil selector CSS.

P{font-size:12pt;} – In acest exemplu P este un selector de stil si va deveni pentru elementele de tip <P> din documentul care foloseste aceasta foaie de stil dimensiunea fontului de 12 puncte.

O declaratie de stil poate contine mai multe perechi proprietate-valoare separate prin caracterul “;” :
P {font-size:12pt;
font-face:Arial}
Pentru ca documentul CSS sa fie inclus in pagina Web trebuie ca in sectiunea <head> sa fie adaugata urmatoarea expresie: <style type= “text/css” href=”document.css”>

Proprietati ale fontului – aceste proprietati definesc aspectul grafic al textului afisat.
– font-family – defineste tipul fontului folosit pentru afisarea textului
– font-size – defineste dimensiunea fontului folosit pentru afisarea textului
– font-style – defineste modul de afisare a fontului: bold, italic, subliniat

Exemplu :
P{font-family: Verdana;
font-size: 12pt;
font-style: bold
}

Proprietati pentru text-Aceste proprietati definesc modul de aliniere, si spatiere la afisarea unui text.
– letter-spacing – defineste dimensiunea spatiului intre litere
– text-align – defineste modul de aliniere a textului
– text-intend – defineste spatiul folosit pentru intendarea textului

Exemplu:
p {letter-spacing: 0.1em;
text-align: left;
text-intend: 5em
}

Proprietati pentru spatierea elementelor – aceste proprietati sunt folosite pentru a defini spatiul dintre elemente , marginile acestora si alte aspecte privind pozitionarea lor:
-padding-top – defineste dimensiunea spatiului ce va fi pus intre continutul elementului si marginea superioara
-padding-right – defineste dimensiunea spatiului ce va fi pus intre continutul elementului si marginea dreapta
-padding-left – defineste dimensiunea spatiului ce va fi pus intre continutul sitului si marginea stanga

Proprietati pentru definirea culorilor:
color – aceasta proprietate este folosita pentru a defini culoarea textului din cadrul elementului specificat de catre selector. Culoarea poate fi specificata fie prin codul RGB, fie prin numele predefinit.

Proprietati pentru definirea fundalului – Aceste proprietati sunt folosite pentru a defini caracteristicile fundalului pentru elementul specificat in selector.
-background-color – defineste culoarea fundalului
-background-image -defineste imaginea ce va fi afisata ca fundal

Orice completare a legata de tema paginii postati-o…

1 Comment »

  1. Interesant

    Comment by Boboc3l | May 22, 2008 | Reply


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: