css - #334185 - Sözaltı Sözlük

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

<p> salam qaqaş, salam qaqaş, nə var nə yox ? . Yavaş-yavaş</p>
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:

<head>
<link rel = "stylesheet" type = "text/css" href = mysitestyle.css ">
</head>
Bu .html faylını xarici üslub cədvəlinizə (bu halda mysitestyle.css) bağlayacaq və həmin fayldakı bütün CSS təlimatları əlaqəli .html səhifələrinizə tətbiq olunacaq.

Daxili style cədvəlləri, müəyyən bir .html səhifəsinin başlığına birbaşa yazılmış CSS təlimatlarıdır. (Bu, özünəməxsus bir görünüşə malik olan bir səhifəniz varsa xüsusilə faydalıdır.) Daxili üslub cədvəli belə görünür. . .

<head>
<style>
body {fon color: red; }
P { font-size:20px; color:mediumblue; }
</style>
</head>
. . . Thistle fon rəngli və 20 nöqtəli, orta mavi şriftli paraqraflar sadəcə olaraq bu .html səhifəsinə tətbiq olunacaq.
Nəhayət, daxili üslublar birbaşa HTML koduna yazılmış və yalnız bir kodlaşdırma nümunəsinə tətbiq oluna bilən CSS parçalarıdır. Məsələn:

<h1 style=”font-size:40px;color:violet;”>salam nətərsüz?</h1>
tək bir .html səhifəsində xüsusi bir başlığın bənövşəyi, 40 punktluq şriftlə görünməsinə səbəb olur.

Ümumiyyətlə, xarici üslub cədvəlləri bir veb saytına CSS tətbiq etməyin ən təsirli yoludur (xüsusi bir CSS faylından bir saytın stilini izləmək və tətbiq etmək daha asandır), daxili üslub cədvəlləri və daxili üslublar fərdi üslub yaratmaq kimi bir vəziyyətdə istifadə edilə bilər. ehtiyac olduqda hər bir halda ayrı-ayrılıqda dəyişikliklər edilə bilər.

Beləliklə, veb saytınızı dəstəkləyən təməl, çərçivələr, divarlar və kirişlər HTML -dirsə, onda CSS -dən yaranan boya rəngini, pəncərə tərzlərini və abadlıq işlərini düşünün. Əvvəlcə bu təməli qurmadan heç bir yerə çatmayacaqsınız, ancaq bir dəfə - bir üslubu izləmək istəyəcəksiniz və CSS daxilində olan dizayneri azad etmək üçün bir vasitədir.