CSS, İnternet resurs səhifəsində vizual elementlər yaratmaq üçün istifadə olunan bir kaskad üslub cədvəlidir. CSS-də göstərilən obyektlərin göstərilməsi HTML işarələmə dilində həyata keçirilir. Kaskad masaların özləri təkbaşına istifadə edilə bilməz.
CSS istifadə
CSS, HTML biçimlendirme elementlərinin göstərilməsini həyata keçirən bir üslub dilidir. Kaskad cədvəllər HTML-də dəyişdirilə bilməyən seçimləri fərdiləşdirməyə imkan verir. Məsələn, üslub dilindən istifadə edərək şrift üslubunu, rəngini düzəldə bilərsiniz. CSS, kənarları, sətirləri, dolğunluğu, genişliyini, mövqe elementlərini təyin etməyə və "təmiz" HTML istifadə edərək həyata keçirmək mümkün olmayan parametrlərin nəticələrini yerinə yetirməyə imkan verir.
Cascading stil vərəqləri demək olar ki, bütün brauzerlər tərəfindən dəstəklənir və demək olar ki, hər hansı bir veb mənbədə istifadə olunur. Müəyyən edilmiş bir dildən istifadə edərək məzmunun göstərilməsinə nəzarət edir və fərqli media üçün əşyaların nümayişini idarə etməyə imkan verir.
HTML yalnız bir səhifənin mətninin strukturlaşdırılması vasitəsi kimi istifadə olunursa, CSS göstərilən məzmunun göstərilməsini fərdiləşdirməyə imkan verir.
CSS sintaksisi və HTML koduna daxil edilməsi
Bir səhifə dizayn edərkən HTML alətləri üzərində CSS istifadə etmək üstünlük təşkil edir. Həqiqət budur ki, HTML-nin əvvəlcə elementlərin rəngini redaktə etmək üçün vasitələri yox idi və rəng və ekran parametrlərini təyin etmək məqsədi daşımırdı və bu səbəbdən dizayn yaratmaq üçün HTML təsvirçilərindən istifadə bəzi veb inkişaf etdiricilər tərəfindən səhv hesab edilə bilər.
CSS HTML-dən fərqli bir sintaksisə malikdir və etiketlər vasitəsilə səhifə koduna daxil edilmişdir. Parametrlər etiketini istifadə edərək ayrıca bir sənəddə olan CSS kodunu da birləşdirə bilərsiniz:
CSS-kodunda müəyyən bir sintaksis var, buna ciddi əməl edilməlidir, əks halda yaradılan üslublar səhifədə görünməyəcəkdir. CSS kodunun bir hissəsi 3 əsas elementə bölünə bilər: seçici, xüsusiyyət və dəyər. Bu maddələr aşağıdakı kimi yazılmışdır:
seçici {mülk: dəyər; }
Seçici, yaradılan ekran qaydasının tətbiq olunduğu qolu müəyyənləşdirir. Xüsusiyyət parametri elementin tənzimlənə bilən tərəfini, dəyər isə mülk üçün uyğun seçimi təyin edir. Məsələn, ikinci səviyyə başlığında rəng dəyişdirmək
HTML, aşağıdakı kodu tətbiq edə bilərsiniz:
h2 {rəng: qırmızı; }
Bu kod mətn rəngin ikinci səviyyəli başlıq təsvirində yerləşən qırmızıya çevirir.
CSS standart HTML rəng cədvəlindən istifadə edir.
Etiketlərdən əlavə daxili etiketlərdən də istifadə edə bilərsiniz. Misal üçün:
Başlıq
Bu kod yuxarıda göstərilən kodla eynidir, CSS parametrlərinin özləri tənzimləmə üçün lazım olan descriptorun içərisinə qoyulmuşdur.