1. <style> teqi
Əgər HTML elementində çoxlu stil mövcuddursa, onları xüsusi bir elementə çıxara bilərsiz — style teqinə. Onu adətən <head> teqi içərisində yerləşdirirlər və bu formada görünür:
<!DOCTYPE html>
<html lang="en">
<head>
<title>CSS nümunəsi</title>
<style>
body {
background-color: lightgray;
}
p {
color: blue;
font-size: 16px;
}
</style>
</head>
<body>
<p>Bu, style teqi içərisində stil istifadəsi nümunəsidir. <style>.</p>
</body>
</html>
İndi <body> teqi üçün uzun stil sətrini onun style attributunda yazmaq əvəzinə onları style teqinə keçirə bilərsiniz. Bu, çox rahatdır.
Eyni şey <p> (paraqraf) teqi üçün də keçərlidir. Üstəlik, <head>-dəki <style> teqində yazılmış stil sənəddəki bütün paraqraflara tətbiq ediləcək, hətta onların sayı bir neçə min olsa belə. Çünki <style> teqində stil selektorlar daxilində təsvir edilir.
5.2 Selektorlar
Selektorlar — HTML elementlərini seçmək üçün bir üsuldur, hansı ki həmin elementlərə CSS-xassələri tətbiq olunur. Müxtəlif tip selektorlar mövcuddur:
Tag selektoru
bütün müəyyən tip elementlər üçün üslub tətbiq edir. Sadəcə olaraq tag adını və onun arxasında qıvrım mötərizələri yazmaq kifayətdir.
tagname {
// üslublar
}
tagname hər hansı bir şey ola bilər: body, image, a, p, … hər hansı biri
Sinif selektoru
CSS-xassələrini müəyyən bir taga deyil, sadəcə bir qrup CSS-xassələrə ad vermək də olar. Belə bir qrup CSS-də sinif adlanır. Belə üslub hər hansı müəyyən bir sinifə malik elementlərə tətbiq olunur. Siniflər HTML-də class atributu ilə təyin olunur.
</h1>
<!DOCTYPE html>
<html lang="en">
<head>
<style>
p.important {
font-weight: bold;
}
</style>
</head>
<body>
<p class="important">Bu vacib mətn.</p>
<p>Bu adi mətn.</p>
</body>
</html>
Yuxarıdakı nümunədə yalnız birinci paraqrafın mətni qalın olacaq, çünki ona «important» üslubu/sinifi tətbiq olunub. İkinci paraqrafın belə bir üslubu yoxdur.
<style> tagında üslubları 3 üsulla təyin etmək olar:
- tagname { …}
- tagname.classname { …}
- .classname { …}
Selektorlar mövzusunu ətraflı CSS öyrənərkən müzakirə edəcəyik. Hal-hazırda isə mən bunu sizə izah edirəm, çünki HTML nümunələrində CSS ilə qarşılaşacaqsınız və çox vaxt üslubu müəyyən bir HTML elementinə təyin etmək üçün style tagında selektorlardan istifadə edəcəyəm.
GO TO FULL VERSION