Lecția zilei

Despre CSS

CSS este acronimul pentru Cascading Style Sheets. CSS este un limbaj (style language) care defineste „layout-ul” pentru documentele HTML. CSS acopera culori, font-uri, margini (borders), linii, inaltime, latime, imagini de fundal, pozitii avansate si multe alte optiuni.

<html>
<head>
<style>
body {background-color: #0041dc;}
h1   {color: blue;}
p    {color: red;}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

CSS Gradient

Acesta este un exemplu pentru un background format din mai multe culori (gradient):

<html>
<head>

<style>
body {background-image: linear-gradient(white, blue); 
height: 1000px}
</style>
</head>

<body>
 
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
 
</body>
</html>

Versiuni Gradient

Mai multe versiuni pentru un background format din mai multe culori (gradient):

versiunea 1

background-image: radial-gradient(red, yellow, green);

versiunea 2

background-image: radial-gradient(red 5%, yellow 15%, green 60%);

versiunea 3

background-image: radial-gradient(circle, red, yellow, green);