CSS 1996-cı ildə W3C ( World Wide Web Consortium ) tərəfindən olduqca sadə bir səbəbə görə hazırlanmışdır . HTML elementi səhifəni formatlaşdırmağa kömək edəcək teqlərə malik olmaq üçün nəzərdə tutulmamışdır. Siz yalnız veb səhifə üçün işarələməni yazmalı idiniz.
<font> kimi teqlər HTML versiya 3.2-də təqdim edildi və bu, veb tərtibatçıları üçün kifayət qədər problem yaratdı. Veb səhifələrin müxtəlif şriftlərə, rəngli fonlara və çoxlu üslublara malik olması səbəbindən kodun yenidən yazılması uzun, ağrılı və bahalı proses idi. Beləliklə, CSS bu problemi həll etmək üçün W3C tərəfindən yaradılmışdır.
CSS texniki cəhətdən zərurət deyil, lakin siz yəqin ki, yalnız HTML elementləri olan veb səhifəyə baxmaq istəməzsiniz, çünki o, tamamilə çılpaq görünür.
CSS nədir?
CSS Cascading Style Sheets dilini ifadə edir və HTML kimi işarələmə dilində yazılmış elementləri stilləşdirmək üçün istifadə olunur. O, məzmunu saytın vizual təqdimatından ayırır. HTML və CSS arasındakı əlaqə bir-birinə möhkəm bağlıdır, çünki HTML bir saytın əsasını təşkil edir və CSS bütün veb-saytın bütün estetikasını təşkil edir.
CSS tətbiq edən veb səhifə ilə olmayan bir veb səhifə arasındakı fərq böyükdür və şübhəsiz ki, nəzərə çarpır.
Tamamilə yüklənə bilməyən və mətnin əksəriyyətinin mavi və qara olduğu ağ fon rənginə malik veb saytı görmüş ola bilərsiniz. Bu o deməkdir ki, veb səhifənin CSS hissəsi düzgün yüklənməyib və ya ümumiyyətlə mövcud deyil.
Yalnız HTML olan veb səhifələr belə görünür və məncə, bunun çox cəlbedici olmadığı ilə razılaşarsınız.
CSS-dən istifadə etməzdən əvvəl bütün stilləşdirmə HTML işarələməsinə daxil edilməli idi. Bu o deməkdir ki, veb tərtibatçıları fon rəngini, şrift ölçüsünü, düzülmələri və s. ayrıca təsvir etməli idilər.
CSS sizə hər şeyi fərqli bir faylda stilləşdirməyə imkan verir, beləliklə orada dizayn yaratmağa və daha sonra HTML işarələməsinin üstünə CSS fayllarını inteqrasiya etməyə imkan verir. Bu, faktiki HTML işarələməsini daha təmiz və saxlanmasını asanlaşdırır.
Bir sözlə, CSS xüsusiyyətləri ilə ayrı-ayrı elementlərin necə göründüyünü təkrar-təkrar təsvir etməyə ehtiyac yoxdur. Bu, vaxta qənaət edir, kodu qısaldır və onu səhvlərə meylli etmir.
CSS bir HTML səhifəsində birdən çox üsluba sahib olmağa imkan verir, buna görə də fərdiləşdirmə imkanlarını demək olar ki, sonsuz edir. İndiki vaxtda bu, əmtəədən daha çox zərurətə çevrilir.
CSS necə işləyir?
CSS onu idarə edən bir sıra qaydalar ilə sadə ingilis əsaslı sintaksisdən istifadə edir. Daha əvvəl qeyd etdiyimiz kimi, HTML heç vaxt üslub elementlərindən istifadə etmək üçün nəzərdə tutulmamışdır, yalnız səhifənin işarələnməsi. O, sadəcə məzmunu təsvir etmək üçün yaradılmışdır. Məsələn: <p>Bu, paraqrafdır.</p> .
Bəs siz paraqrafı necə tərtib edirsiniz? CSS sintaksis strukturu olduqca sadədir. Seçici və bəyannamə bloku var. Siz elementi seçirsiniz və sonra onunla nə etmək istədiyinizi bəyan edirsiniz. Olduqca sadə, elə deyilmi?
Bununla belə, yadda saxlamalı olduğunuz qaydalar var. Quruluş qaydaları olduqca sadədir, buna görə narahat olmayın.
Seçici stil vermək istədiyiniz HTML elementlərinə işarə edir. Bəyannamə blokunda nöqtəli vergüllə ayrılmış bir və ya daha çox bəyannamə var.
Hər bir bəyannaməyə CSS mülkiyyət adı və iki nöqtə ilə ayrılmış dəyər daxildir. CSS bəyannaməsi həmişə nöqtəli vergüllə bitir və bəyannamə blokları əyri mötərizələrlə əhatə olunur.
Bir misala baxaq:
Bütün <p> elementləri mavi və qalın rənglə rənglənəcək.
<style>
p {
color: blue;
text-weight: bold;
}
<style>
Başqa bir misalda, bütün <p> elementləri mərkəzə düzüləcək, eni 16x və çəhrayı olacaq.
<style>
p {
text-align: center;
font-size: 16px;
color: pink;
}
</style>
Daxili, Xarici və Daxili CSS Üslubları
Hər bir üslubu qısaca nəzərdən keçirəcəyik, hər bir metodun ətraflı izahı üçün ümumi baxışın altında bir keçid olacaq.
Daxili üslub haqqında danışmağa başlayaq . Bu şəkildə edilən CSS üslubları bütün vebsayt hər dəfə yeniləndikdə yüklənir, bu da yükləmə vaxtını artıra bilər. Bundan əlavə, bir səhifədə olduğu üçün eyni CSS üslubunu birdən çox səhifədə istifadə edə bilməyəcəksiniz. Bununla belə, bu da fayda gətirir. Hər şeyin bir səhifədə olması şablonu önizləmə üçün paylaşmağı asanlaşdırır.
Xarici üsul ən əlverişli ola bilər . Hər şey xarici olaraq .css faylında edilir . Bu o deməkdir ki, bütün üslubu ayrıca faylda edə və CSS-i istədiyiniz səhifəyə tətbiq edə bilərsiniz. Xarici üslub yükləmə vaxtlarını da yaxşılaşdıra bilər.
Nəhayət, CSS-in Inline üslubu haqqında danışacağıq . Inline, <style> teqi olan xüsusi elementlərlə işləyir. Hər bir komponent stilizə edilməlidir, ona görə də o, CSS-i idarə etməyin ən yaxşı və ya ən sürətli yolu olmaya bilər. Amma işinə yaraya bilər. Məsələn, bir elementi dəyişdirmək istəyirsinizsə, dəyişiklikləri tez bir zamanda nəzərdən keçirin və ya CSS fayllarına girişiniz yoxdur.
Nəticə
Gəlin burada CSS haqqında öyrəndiklərimizi və onun veb səhifələrin estetikasına necə kömək etdiyini ümumiləşdirək:
- CSS HTML kimi digər işarələmə dilləri ilə birlikdə işləmək üçün yaradılmışdır. Səhifəni stilləşdirmək üçün istifadə olunur.
- CSS tətbiqinin üç üslubu var və siz birdən çox səhifəni uyğunlaşdırmaq üçün Xarici üslubdan istifadə edə bilərsiniz.
- Bu gün bir növ CSS tətbiqini görmədən uzağa getməyəcəksiniz, çünki bu, işarələmə dilinin özü qədər tələbdir.
Ümumiyyətlə, ümid edirik ki, bu məqalə sizə faydalı oldu və hər hansı bir sualınız varsa, lütfən, aşağıdakı şərhlər bölməsində buraxın.
