Aceasta e o versiune anterioară a paginii.

Lecția 3: CSS

Sintaxa CSS

Înainte să începem, haideți să dăm o mică definiție ( nu ca la școală :) ) pentru CSS și să vedem la ce ne este folositor. CSS ( prescurtarea de la Cascading Style Sheets ) este un limbaj folosit în paralel cu HTML pentru a separa contentul de pe o pagină, de designul acesteia. Putem defini mărimea fontului folosit, ce background vom avea, ce dimensiuni au imaginile, etc.

Pe scurt, CSS decide cum este afișat contentul HTML.

Avem 3 modalități prin care putem aplica CSS într-un document:

Inline ( când apelăm un tag html )

<p style="color:sienna;margin-left:20px;">This is a paragraph.</p>

* Internal ( când definim style-ul paginii, în <head> )

<head>
<style>
p {color:sienna; margin-left:20px;}
</style>
</head> 
<body>
<p> This is a paragraph </p>
</body>

External ( atunci când definim un document *.css care va conține (nu știu ce să zic aici ))
```
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
```
=== Tutorial ===
1. sintaxa CSS
2. atribute de baza (culoare, aliniere, marime, font size) pentru taguri HTML
3. id pentru elemente din HTML + atribute pentru id-ul respectiv in CSS
4. clase de atribute
5. inlantuire de clase si id-uri

Task-uri

pe o pagina HTML, sa adauge CSS folosind elementele din tutorial

Tema

sa adauge CSS pe pagina pe care au facut-o la tema trecuta (folsind minim o clasa, minim un id, etc)

Recapitulare

grila? sau
o pagina html, sa adauge css pe ea, pe care o sa o folosim la lectia urmatoare pentru a arata structura in pagina web (div-uri)

Digital Kids

Sidebar

Lecția 3: CSS

Sintaxa CSS

Task-uri

Tema

Recapitulare

Digital Kids

Unelte utilizator

Unelte site

Sidebar

Lecția 3: CSS

Sintaxa CSS

Task-uri

Tema

Recapitulare

Unelte pagină