CSS (ing. Cascading Style Sheets) — sənədin xarici görünüşünün, işarələmə dilinin istifadəsi ilə yazılmış, formal təsvir dili. Adətən HTML və XHTML işarələmə dillərində yazılmış veb-səhifələrin təsviri və tərtibatı üçün istifadə edilir, lakin istənilən digər XML sənədlərə, məsələn, SVG və ya XUL-a da tətbiq edilə bilər.
CSS | |
---|---|
Yaradılma tarixi | 17 dekabr 1996 |
Fayl sonluğu | .css |
w3.org/Style/CSS/ drafts.csswg.org | |
Vikianbarda əlaqəli mediafayllar |
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. Bu işi sadələşdirmək üçün səhifələrə CSS standartında yerinə yetirilmiş xarici fayl qoşulur və həmin faylda istifadə olunmuş xüsusi makrodil vasitəsilə 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əyilə 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 kodları, HTML kodlarının içinə yazıla bildiyi kimi xarici bir CSS faylı yaradılaraq da əməliyyat yaradıla bilir. Növünə görə <code> <BODY> </ code> ya <code> <HEAD> </ code> bölmələrində ala bilərlər. Bundan başqa,<link rel="stylesheet" type="text/css" href="style.css" />koduyla CSS faylı iş səhifəsi əlavə oluna bilər. Onları ayrı-faylda və ya fayllarda saxlamaq, onları dəyişik HTML səhifələrində istifadə edilməsini təmin edir, eyni səhifənin dəyişik cihazlara görə formatlandırılmasını asanlaşdırır.
CSS kodlarının HTML faylına əlavə olunması üç fərqli şəkildə icra edilə bilər.
CSS standartında faylların formatı .css şəklindədir.
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 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
- Brayn Praffenberq, "We are published on Web". Nyu-York, 1998 il.
- Osman Gündüz. "İnternet", Bakı, 2006 il.
- Eric Meyer. Cascading Style Sheets: The Definitive Guide, Third Edition,
Xarici keçidlər
- Level 1 (Recommendation)
- Level 2 (Recommendation)
- Level 2 Revision 1 (Candidate Recommendation)
- Instant CSS Code 2010-10-31 at the Wayback Machine
wikipedia, oxu, kitab, kitabxana, axtar, tap, meqaleler, kitablar, oyrenmek, wiki, bilgi, tarix, tarixi, endir, indir, yukle, izlə, izle, mobil, telefon ucun, azeri, azəri, azerbaycanca, azərbaycanca, sayt, yüklə, pulsuz, pulsuz yüklə, haqqında, haqqinda, məlumat, melumat, mp3, video, mp4, 3gp, jpg, jpeg, gif, png, şəkil, muisiqi, mahnı, kino, film, kitab, oyun, oyunlar, android, ios, apple, samsung, iphone, pc, xiomi, xiaomi, redmi, honor, oppo, nokia, sonya, mi, web, computer, komputer
CSS ing Cascading Style Sheets senedin xarici gorunusunun isareleme dilinin istifadesi ile yazilmis formal tesvir dili Adeten HTML ve XHTML isareleme dillerinde yazilmis veb sehifelerin tesviri ve tertibati ucun istifade edilir lakin istenilen diger XML senedlere meselen SVG ve ya XUL a da tetbiq edile biler CSSYaradilma tarixi 17 dekabr 1996Fayl sonlugu cssw3 org Style CSS drafts csswg org Vikianbarda elaqeli mediafayllar HTML senedlerini yaradarken veb dizaynerler muxtelif murekkeb meselelerle qarsilasirlar mueyyen abzas daxilinde sifrelerin deyisdirilmesi metnin ve ya tesvirin senedin her hansi bir yerinde yerlesdirilmesi metnin ve ya fonun renginin deyisdirilmesi muxtelif verilenler cedvellerinin format edilmesi ve s Bu isleri standart usulla da yerine yetirmek olar yeni HTML dilinde her bir abzasi ayrica emrler yigimi ile tesvir etmek mumkundur Bu halda proqramin yazilmasi prosesi hedden artiq cetinlesecek senedin olcusu ise cox boyuk olacaq Bu isi sadelesdirmek ucun sehifelere CSS standartinda yerine yetirilmis xarici fayl qosulur ve hemin faylda istifade olunmus xususi makrodil vasitesile sehife birdefelik formatlasdirilir Basqa sozle CSS fayli burada sablon kimi istifade edilir ki onun komeyile HTML senedlerinde metnler cedveller ve diger elementler formatlasdirilir CSS standartindan hec bir mehdudiyyet qoyulmadan istenilen serverde istifade etmek olar CSS kodlari HTML kodlarinin icine yazila bildiyi kimi xarici bir CSS fayli yaradilaraq da emeliyyat yaradila bilir Novune gore lt code gt lt BODY gt lt code gt ya lt code gt lt HEAD gt lt code gt bolmelerinde ala bilerler Bundan basqa lt link rel stylesheet type text css href style css gt koduyla CSS fayli is sehifesi elave oluna biler Onlari ayri faylda ve ya fayllarda saxlamaq onlari deyisik HTML sehifelerinde istifade edilmesini temin edir eyni sehifenin deyisik cihazlara gore formatlandirilmasini asanlasdirir CSS kodlarinin HTML faylina elave olunmasi uc ferqli sekilde icra edile biler CSS standartinda fayllarin formati css seklindedir Kod qurulusuCSS ve HTML birlikde istifade edilir Asagida CSS in ayriliqda ve HTML ile birlesdirdirliyi zamanki kod qurulusu gosterilib style css body background color a95286 header background color dd3471 width 750 px height 250 px margin left 80 px content background color dd3471 width 750 px height 100 margin top 250 px margin left 80 px Yuxarida yazdigimiz kodlar CSS in css olaraq yaddasda saxladigimiz bolumunde yazilan kodlara bir numunedir header yeni bir div yaradiriq ve ona sahib olacagi xususiyyetleri deyirik Indi ise CSS i HTML ile nece birlesdireceyimizi kicik bir numune ile gorek index html lt html gt lt head gt lt link rel stylesheet type text css href style css gt lt head gt lt body gt lt div class header gt lt div gt lt div class content gt lt div gt lt body gt lt html gt EdebiyyatBrayn Praffenberq We are published on Web Nyu York 1998 il Osman Gunduz Internet Baki 2006 il Eric Meyer Cascading Style Sheets The Definitive Guide Third Edition ISBN 0 596 52733 0Xarici kecidlerLevel 1 Recommendation Level 2 Recommendation Level 2 Revision 1 Candidate Recommendation Instant CSS Code 2010 10 31 at the Wayback Machine