bugün wiki təsadüfi son
sözaltı sözlük
məsləhət postlar mesaj Profil

css



facebook twitter əjdaha lazımdı izlə dostlar   mən   googlla
front end developer xəbərləri materialları və alətləri - web developer alətləri - html - twitter bootstrap - azərbaycanda iş elanları - proqramlaşdırma öyrənmək üçün online mənbələr - web proqramlaşdırma öyrənmək istəyənlərə məsləhətlər - phonegap - sözaltı sözlük
başlıqdakı ən bəyənilən yazılar:

+5 əjdaha

4. gif link

+4 əjdaha

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:

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:




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




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

salam nətərsüz?


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.

+4 əjdaha

5. mətn sətrinə limit qoymağın mümkün olduğu dizayn kodlama dili. bu prosesi php ilə edib serveri yormaqdansa css ilə etmək daha yaxşıdır.
http://jsfiddle.net/csYjC/1131/

+3 əjdaha

2. css (cascading style sheets - pilləli stil səyfələri) web səhifələrini şəkilləndirmək üçün yaradılmış ən yaxşı texnologiyadır. ona görə ən yaxşıdır ki səyfənin quruluşuyla dizaynını birbirindən ayıra blilərsiniz. yəni səhifənizin quruluşunu xhtml ilə , dizaynını isə css ilə düzəldə bilərsiz. css in ən önəmli faydası hər səhifə üçün ayrı ayrı eyni dizaynı eləmək yerinə tək bir css düzəldərək bütün səyfələrə inteqrasiya edə bilərsiz.
a kişi inteqrasiya nədi !?
(burda yazar heç nə dediyini özü də başa düşmür.)
hər nə isə css sizə zamandan və əməkdən olduqca böyük ölçüdə qənaət etdirəcəkdir.

+2 əjdaha

10. web səhifələrin stil dili. yaxşı bilmədikdə saytınızı xosunbay edə bilərsiniz, necə ki sözlüyün css-nə sıçıb kimsə.

+2 əjdaha

11. front end dizayn dili.
digər bütün dillər kimi ara sıra yeniliklərini izləmək lazımdır. məsələn bayaq təsadüfən gördüm, bütün hərfləri böyük edən font-variant-caps: all-petite-caps; bir funksiyaları var imiş, yenidirmi bilmirəm, sözlüyə tətbiq etdim. şirin görünür.

petite caps ne la, bu qədər şirin olmayın* ^^

+2 əjdaha

7. proqressiv rəssamların dili. məsələn bu qız css kodlar ilə http://cssicon.space saytındakı ikonları düzəldib. bu saytdakı ikonlara baxıb həm də yüksək səviyyədə css öyrənmək olar(üstünə vuranda ikonun kodları görünür sağda). illərin css yazanıyam amma hələ bu cür rəssamlığ bacarmıram.
(youtube: )

+1 əjdaha

1. qs. cascaded style sheet. web səhfəsinin font, rəng kimi dizayn işlərinin yığıldığı fayl.

+1 əjdaha

9. layihə böyüdükcə və əgər əvvəldən sass yaxud less qoşulmayıbsa yazmağın diskomfort olduğu dil. hər gün css kodları yazıram. bəzi layihələr ilk başdan kiçik görünür deyə aldanıb dedyim preprocessorlardan birini qoşmuram. amma sonra müştəri əlavələr istəyəndə, beləcə layihə böyüyəndə it kimi peşman oluram. düzdür sonradan da qoşmaq olar amma sonradan kodları preprocessor stilinə uyğunlaşdırmaq adama çətin gəlir.



hamısını göstər

css