CSS

Vikipediya, açıq ensiklopediya
Keçid et: naviqasiya, axtar

Stilin kaskad cədvəlləri, CSS (en. Cascading Style Sheets, ru. Kаскадные таблицы стилей) –çox vaxt html-sənədlərini yaradarkən veb dizaynerlər müxtəlif mürəkkəb məsələlərlə qarşılaşırlar:

  • müəyyən abzas daxilində şifrələrin dəyişdirilməsi;
  • mətnin və ya təsvirin sənədin hər hansı bir yerində yerləşdirilməsi;
  • mətnin və ya fonun rənginin dəyişdirilməsi;
  • müxtəlif verilənlər cədvəllərinin format edilməsi və s.

Bu işləri standart üsulla da yerinə yetirmək olar, yəni HTML dilində hər bir abzası ayrıca əmrlər yığımı ilə təsvir etmək mümkündür. Bu halda proqramın yazılması prosesi həddən artıq çətinləşəcək, sənədin ölçüsü isə çox böyük olacaq.

Səhifələrə CSS standartında yerinə yetirilmiş xarici fayl qoşulur və həmin faylda istifadə olunmuş xüsusi makrodil vasitəsi ilə səhifə birdəfəlik formatlaşdırılır. Başqa sözlə CSS faylı burada şablon kimi istifadə edilir ki, onun köməyi ilə HTML sənədlərində mətnlər, cədvəllər və digər elementlər formatlaşdırılır. CSS standartından heç bir məhdudiyyət qoyulmadan istənilən serverdə istifadə etmək olar.

CSS standartında faylların formatı: .css

Kod quruluşu[redaktə]

CSS və HTML birlikdə istifadə edilir. Aşağıda CSS'in ayrılıqda və HTML ilə birləşdirdirliyi zamanki kod quruluşu göstərilib.

style.css

body {
background-color: #a95286;
}
 
.header { 
background-color: #dd3471;
width: 750px;
height: 250px;
margin-left: 80px;
}
 
.content {
background-color: #dd3471;
width: 750px;
height: 100%;
margin-top: 250px;
margin-left: 80px;
}

Yuxarıda yazdığımız kodlar, CSS'in .css olaraq yaddaşda saxladığımız bölümündə yazılan kodlara bir nümunədir .header, yeni bir div yaradırıq və ona, sahib olacağı xüsusiyyətləri deyirik. İndi isə CSS'i HTML ilə necə birləşdirəcəyimizi kiçik bir nümunə ilə görək.

index.html

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
 
<div class="header"> </div>
<div class="content"> </div>
 
</body>
</html>

Ədəbiyyat[redaktə]


Xarici keçidlər[redaktə]


  • * * * *