CSS nədir? class, rəng və flex
Səhifəyə rəng ver, class yaz və elementləri yan-yana düz.
Bütün dərslər · CSS dərsləri: rəng, class və flex
CSS nədir
HTML səhifənin sözləridir. CSS həmin sözlərin rəngi, ölçüsü və yeridir. Stil style teqinin içində yazılır.
<!DOCTYPE html>
<html lang="en">
<head>
<style>
h1 { color: #2f6bff; }
.card {
background: #101826;
color: white;
padding: 16px;
}
</style>
</head>
<body>
<h1>Nibras</h1>
<p class="card">This box has a class.</p>
</body>
</html>class və flex
class bir ada stil bağlayır. Nöqtə işarəsi class üçündür: .card. flex elementləri yan-yana düzür.
.row {
display: flex;
gap: 12px;
}
.row p {
background: #1c2740;
color: white;
padding: 12px;
}HTML-də isə belə çağırılır: <div class="row"><p>Bir</p><p>İki</p></div>.
Suallar
CSS HTML-i əvəz edir? Xeyr. HTML quruluşdur, CSS görünüşdür.
class nə üçündür? Eyni stili bir neçə elementə vermək üçün.
color hara yazılır? Seçicinin içinə: h1 { color: #2f6bff; }.
flex nə edir? Uşaq elementləri bir sətirə, yan-yana qoyur.