css

css front-endçilərin sevimlisi, back-endlilərin bu nə gərəksiz şeydir dediyi, full-stackçilərin isə sikilə-sikilə öyrəndiyi style dilidir. html-in qardaşı, javascriptin-in əmisioğludur. bir kodunu qarışdırdıqda ağzıva sıça biləcək qədər ibnədir. ancaq yenə də sevəni çoxdur. əsas frameworkləri bunlardır. Bootstrap. Foundation. Bulma. UIkit. Semantic UI. Susy. Materialize. Pure. css öyrənmək asandır ancaq yaxşı öyrənmək imkansız. keçək ciddi mətnimizə. CSS, "Stil" ə vurğu edərək, Cascading Style Sheets deməkdir. HTML bir veb sənədini yaratmaq üçün istifadə olunsa da (başlıqlar və paraqraflar kimi şeyləri təyin edir və şəkilləri, videoları və digər medianı yerləşdirməyə imkan verir), CSS isə sənədinizin üslubunu təyin edir; səhifə tərtibatları, rənglər və şriftlər hamısı CSS tərəfindən müəyyən edilir. HTML-ni ev kimi düşünsəniz və CSS-ni o evi versal sarayına çevirmək üçündür. CSS, HTML elementləri ilə qarşılıqlı əlaqə quraraq veb səhifələrinizə stil gətirir. Elementlər veb səhifənin müstəqil HTML komponentləridir - məsələn, bir paraqraf HTML -də belə görünə bilər: salam qaqaş, salam qaqaş, nə var nə yox ? . Yavaş-yavaş Bu paraqrafın veb səhifənizi veb brauzer vasitəsilə görüntüləyən insanlara çəhrayı və qalın görünməsini istəyirsinizsə, belə görünən CSS kodundan istifadə edərsiniz: p { color:pink; font-weight:bold; } Bu halda "p" (paraqraf) "seçmə" adlanır; bu CSS stilinin hansı HTML elementinə təsir edəcəyini təyin edən CSS kod parçasıdır. CSS -də, seçici ilk qıvrım mötərizənin soluna yazılır. Buruq mötərizələr arasındakı məlumat qərar adlanır adlanır və seçiciyə tətbiq olunan xüsusiyyətlər və dəyərləri ehtiva edir. Xüsusiyyətlər şrift ölçüsü, rəng və haşiyələr kimi şeylərdir, dəyərlər isə bu xüsusiyyətlər üçün ayarlardır. Yuxarıdakı nümunədə "rəng" və "yazı tipi tonu" həm xüsusiyyətlərdir, həm də "çəhrayı" və "qalın" dəyərlərdir. { color:pink; font-weight:bold; } bir qanundur və yenə də "p" (HTML paraqrafını ifadə edir) seçicidir. Eyni əsas prinsiplər yazı tipi ölçülərini, fon rənglərini, kənar boşluqları və daha çoxunu dəyişdirmək üçün tətbiq oluna bilər. Məsələn, . . body { background-color:lightblue; } . . səhifənizin arxa planını açıq mavi və ya edir. . . p { font-size:20px; color:red; } . . . qırmızı hərflərlə 20 nöqtəli şrift paraqrafı yaradacaq Hələ də bu CSS kodunun HTML məzmununa necə tətbiq olunduğunu düşünə bilərsiniz. HTML kimi, CSS də kompüterinizdə bir mətn redaktoru və ya söz prosessoru vasitəsi ilə sadə, düz bir mətn olaraq yazılır və bu CSS kodunu HTML səhifələrinizə əlavə etməyin üç əsas yolu var. CSS kodu (və ya Stil Cədvəlləri) xarici, daxili və ya sətiriçi ola bilər. Xarici üslub cədvəlləri .css faylları kimi saxlanılır və tək bir fayl vasitəsilə bütün veb saytın görünüşünü təyin etmək üçün istifadə edilə bilər (düzəltmək istədiyiniz hər HTML elementinə fərdi CSS kod nümunələri əlavə etmək əvəzinə). Xarici üslub cədvəlindən istifadə etmək üçün .html fayllarınızda xarici üslub cədvəlinə bağlantı verən və bu kimi görünən bir head bölməsi olmalıdır: