Fişa de lucru nr.

1
I. În mapa css-ex1 de pe suprafața de lucru, sunt date două pagini WEB, pag1.html și pag2.html. Acestea
să utilizeze stiluri CSS definite într-un fișier extern style.css. Fiecare pagină să se lege cu fișierul extern
folosind tagul <link>.

1. Definiți în fișierul CSS:

 pentru selectorul body culoarea fundalului: #AFDEF8;

 pentru selectorulh1 culoarea fundalului: #5D89CA;

Salvați fișierul style.css și observaţi dacă modificările sau efectuat automat în ambele pagini HTML.

_______________________________________________________________________________________

2. Definiți în fișierul CSS:

 pentru selectorul p: culoarea textului#424242; alinierea textului justify;

 pentru selectorul h1: culoarea textului:#FFF; textul se va afişa cu caractere majuscule.

Salvați fișierul style.css și observaţi dacă modificările sau efectuat automat în ambele pagini HTML.

_______________________________________________________________________________________

II. În mapa css-ex2 de pe suprafața de lucru, este dată pagina WEB cosbuc.html.

1. Definiți în fișierul extern style.csspentru selectorul body:

 culoarea fundalului: #AFDEF8;

 imaginea de fundal: url(cosbuc.jpg);

 proprietatea care să nu repete imaginea de fundal;

 proprietatea care să poziționeze imaginea în partea dreaptă sus;

 proprietatea care să fixeze imaginea de fundal.

2. Definiți în fișierul CSS pentru selectorul p proprietatea ce indentează prima linie din text cu 15px;

3. Definiți în fișierul CSS pentru selectorul h1:

 culoarea fundalului: #5D89CA

 culoarea textului:#FFF;
5.Definiți în foaia internă pentru selectorul .rosu culoarea textului ca roșu. Atribuiți clasa dată
primului paragraf;

6. Definiți pentru paragraful doi culoarea textului ca verde prin metoda stil inline(prin intermediul
atributului style).