Unelte utilizator
module:11-basic-web-dev:lectie-03
Diferențe
Aici sunt prezentate diferențele dintre versiunile selectate și versiunea curentă a paginii.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
module:11-basic-web-dev:lectie-03 [2014/05/23 15:54] mariana |
module:11-basic-web-dev:lectie-03 [2016/02/27 17:46] (curent) astoican [Id-uri de atribuire] |
||
|---|---|---|---|
| Linia 64: | Linia 64: | ||
| </note> | </note> | ||
| + | <html> | ||
| <p data-height="268" data-theme-id="0" data-slug-hash="mjabC" data-default-tab="result" class='codepen'>See the Pen <a href='http://codepen.io/digitalkids/pen/mjabC/'>mjabC</a> by Digital Kids (<a href='http://codepen.io/digitalkids'>@digitalkids</a>) on <a href='http://codepen.io'>CodePen</a>.</p> | <p data-height="268" data-theme-id="0" data-slug-hash="mjabC" data-default-tab="result" class='codepen'>See the Pen <a href='http://codepen.io/digitalkids/pen/mjabC/'>mjabC</a> by Digital Kids (<a href='http://codepen.io/digitalkids'>@digitalkids</a>) on <a href='http://codepen.io'>CodePen</a>.</p> | ||
| <script async src="//codepen.io/assets/embed/ei.js"></script> | <script async src="//codepen.io/assets/embed/ei.js"></script> | ||
| - | <html> | + | </html> |
| Observați faptul că doar culorile textului din paragraf sunt afectate, iar cele din afară nu. | Observați faptul că doar culorile textului din paragraf sunt afectate, iar cele din afară nu. | ||
| Linia 92: | Linia 93: | ||
| ==== Proprietăți de bază ==== | ==== Proprietăți de bază ==== | ||
| - | Pentru alinierea textului vom folosi ''text-align''. Pentru a schimba dimensiunea textului putem folosi ''font-size dimensiune px''. Pentru a schimba culoarea fontului, vom folosi ''color: culoare''. | + | Pentru alinierea textului vom folosi ''text-align''. Pentru a schimba dimensiunea textului putem folosi ''font-size: dimensiune px''. Pentru a schimba culoarea fontului, vom folosi ''color: culoare''. |
| <note todo> | <note todo> | ||
| Linia 167: | Linia 168: | ||
| </note> | </note> | ||
| - | <note tip> | ||
| Remember: | Remember: | ||
| * Clasele din CSS pot fi apelate de mai multe ori în interiorul unei pagini HTML. | * Clasele din CSS pot fi apelate de mai multe ori în interiorul unei pagini HTML. | ||
| - | * ID-urile din CSS pot fi apelate o singură dată în interiorulu unei pagini HTML | + | * ID-urile din CSS pot fi apelate o singură dată în interiorul unei pagini HTML |
| - | </note> | + | |
| Folosind tot ceea ce am învățat până acum, haideti să creăm o clasă ''dreapta'' ce va avea următoarele proprietăți: | Folosind tot ceea ce am învățat până acum, haideti să creăm o clasă ''dreapta'' ce va avea următoarele proprietăți: | ||
| Linia 223: | Linia 223: | ||
| * 2 dimensiuni ale textului | * 2 dimensiuni ale textului | ||
| * o imagine | * o imagine | ||
| + | * imagine sau culoare de fundal | ||
| ==== Temă ==== | ==== Temă ==== | ||
| Citiți de [[ http://www.w3schools.com/css/default.asp | aici ]] despre mai multe elemente CSS și pregătiți-vă pentru data viitoare: vom face echipe pentru a crea o pagină web cât mai frumoasă! | Citiți de [[ http://www.w3schools.com/css/default.asp | aici ]] despre mai multe elemente CSS și pregătiți-vă pentru data viitoare: vom face echipe pentru a crea o pagină web cât mai frumoasă! | ||
module/11-basic-web-dev/lectie-03.1400849671.txt.gz · Ultima modificare: 2014/05/23 15:54 de către mariana
Exceptând locurile unde este altfel specificat, conținutul acestui wiki este licențiat sub următoarea licență: CC Attribution 3.0 Unported
