Sunteți pe pagina 1din 2

CSS

Pentru a uni stilul la pagina web in tagul <head></head> scriem codul <link href=style.css type=text/css rel=stylesheet> Href- ne preziinta directoria unde se afla stilul nostrum css Type-ne prezinta tipul documentului care in cazul nostrum este text Sylesheet In stilul nou creat noi putem pune asa conditii cum ar fi: H2 {color:red} (adica tote scriirele de nivelul 2 la noi vor fi de culoare rosie) Sau : .red {color:red} Adica noi creem o clasa, un sort nou cu denumire red.Pentru al aplica ne ducim in cod shi la tagul dorit ni scriem functia class=red care ii da conditia sa se foloseasca de clasa nowa create de noi care mai apoi el o gaseste si o aplica.

PENTRU LEGATURI: a:link {color:black; text-decoration:underline} a:visited {color:blue; text-decoration:none} a:hover{color:green; text-decoration:overline} a:active{color:yellow;text-decoration:none} a:link-este legatura propriu zisa care o vedem fara a o atinge sau a intra in ea a:visited-este proprietatile pentru legatura care a fost vizitata a:hover-proprietatile cind dusim miska inspre legatura a:active cind legatura este active 1. Optiuni petru text: Pentru text avem urmatoarele optiuni Font-familu tipurile ei pot sa fie verdana,Tahoma, times new roman etc. Font-size-raspunde de marimea fontului(textului) ca exemplu el poate sa fie 12px In loc de pixeli poate sa fie cm,mm dar mai bine de folosit px. Font-style-stilul (textului) ca exemlu el poate sa fie italic etc.. Font-weight- raspunde de grosimea textului luia I se atribue ede lla 200 pina la 900!!! 2. marginirea Marginirea se face cu ajutorul cuvintului margin care poate avea 4 valori Margin-right; la dreapta Margin-left; la stinga

Margin-top;in sus Margin-botom;in jos La fiecare din acestea noi ii atribuim o valaore numerica care se masoara in px sau oarecare alta marime La fel putem scrie deodata Margin:30px 40px 50px 60px In care calculatorul da parametriii in tote partile ecranului 3. Tabelele In css putem face tabele usor ca si in html folosind cuvintul cheie border : Care poate primi valori ca : border-color Border-style; Border-width; Color reprezinta culoarea tabelllui nostrum Style reprezinta stilul liniilor din table care poate fi de tip strong etc. Width reprezinta grosimea tabelului care primeste o valoare numerica cu marimea in px sau in alta marime La fel putem scrie: border:2px strong red ; adica sa se faca un table de grosimea de 2px in stylul strong shi de culoare rosie

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