Tutorial CSS
CSS este limbajul pe care îl folosim pentru a stiliza o pagină HTML.
CSS îi spune browserului cum ar trebui să arate elementele HTML pe ecran.
Acest tutorial te învață CSS de la nivel de bază la avansat.
Exemple în fiecare capitol
Acest tutorial CSS are peste 700 de exemple.
Cu editorul online, poți modifica CSS-ul și apăsa un buton pentru a vedea rezultatul.
Exemplu CSS
Această pagină folosește CSS pentru a seta un fundal albastru deschis, a stiliza titlul și a schimba fontul paragrafului.
<style> din head.
Setează fundalul paginii la albastru deschis. Fă <h1> alb și centrat. Dă paragrafelor fontul verdana la 20px. Include un titlu și un scurt paragraf pentru ca stilurile să fie vizibile.
Output: complete HTML page
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CSS Example</title>
<style>
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph. It is styled with CSS.</p>
</body>
</html>
Exemple CSS
Învață din peste 700 de exemple. Cu editorul, poți modifica CSS-ul și apăsa un buton pentru a vedea rezultatul.
Folosește meniul
Recomandăm citirea acestui tutorial în ordinea listată în meniu.
Pe un ecran mare, meniul rămâne în stânga. Pe un ecran mic, deschide meniul apăsând semnul de meniu din partea de sus.
Șabloane CSS
Am construit câteva șabloane responsive pentru tine, gata de utilizare.
Ești liber să le modifici, să le salvezi, să le distribui și să le folosești în toate proiectele tale.
Exerciții CSS
Multe capitole din acest tutorial se termină cu un exercițiu unde poți verifica ce ai învățat.
Test CSS
Testează-ți cunoștințele de CSS cu un test.
Referințe CSS
La PromptCookbook vei găsi referințe CSS complete pentru toate proprietățile și selectoarele, cu sintaxă, exemple, suport browser și multe altele.