CSS: Redaktələr arasındakı fərq

Vikipediya, azad ensiklopediya
Naviqasiyaya keç Axtarışa keç
Tarixə interaktiv şəkildə baxın
← Əvvəlki redaktəSonrakı redaktə →
Silinən məzmun Əlavə edilmiş məzmun
VizualVikimətn
kRedaktənin izahı yoxdur
Sətir 13: Sətir 13:
== Kod quruluşu ==
== Kod quruluşu ==


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.
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'''
'''style.css'''
Sətir 40: Sətir 40:
</blockquote>
</blockquote>


Yuxarıda yazdığımız kodlar, CSS'in <code>.css</code> olaraq yaddaşda saxladığımız bölümündə yazılan kodlara bir nümunədir <code>.header</code>, yeni bir <code> <div> </code> 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.
Yuxarıda yazdığımız kodlar, CSS'in <code>.css</code> olaraq yaddaşda saxladığımız bölümündə yazılan kodlara bir nümunədir <code>.header</code>, yeni bir <code> <div> </code> 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.


<blockquote style="border: 1px solid blue; padding: 0.5em 0.8em;">
<blockquote style="border: 1px solid blue; padding: 0.5em 0.8em;">
<source lang=html>
<source lang=html4strict>
<html>
<html>
<head>
<head>

16:01, 5 yanvar 2013 tarixindəki versiya

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

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

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. 
<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


Xarici keçidlər


  • * * * *
Mənbə — "https://az.wikipedia.org/w/index.php?title=CSS&oldid=2462152"