Top ilave CSS: Contents renkinqi

CSS layout həmişə düzbucaqlı olmuşdur. Hər hansı bir hamar xətləri - geliştirici səlahiyyətləri. Style qaydaları ekran çözünürlüğü ərzində hamar səhifə forma vermək üçün kifayət qədər variantları təmin edir. Amma hər layout element - bu, həmişə yer məlumat CSS qaydaları ilə tənzimlənir bir düzbucaqlı edir.

bütün tərəflər padding tamamilə konumlandırılmış zaman səhifə hər bir element üçün vacibdir, və top margin müxtəlif elementləri, xüsusilə aşağı halda üçün vacibdir, xüsusilə, çünki CSS ilə müəyyən edilir.

Əsas yerləşdirilməsi qaydaları

blok üzvü ümumiyyətlə element (margin) də istifadə edilə bilər ki, bu (padding) və frame (sərhəd) eni daxili elementləri üçün ümumiyyətlə abzas tərəfdən qalxan var.

xüsusi əhəmiyyət kəsb top margin edir. vahid tamamilə və nisbətən ki, blok daxilində elementləri yer daxili padding qaydaları birləşdirir daxili CSS qaydaları.

CSS-qaydaları adi təcrübə: Siz cüt-cüt, bərabər / top alt və sağ / sol və ya ayrı-ayrılıqda hər tərəfinə bütün tərəflər qaydalarından daxil edə bilərsiniz. Məsələn,

• margin: 10px;
• padding: 10px20px;
• padding: 10px20px30px40px.

Birinci halda üzv bu yerləşdiyi xarici konteyner tərəfdən, ofset quraşdırılıb. İkinci halda üst və alt qaydalarından sol və sağ 10px var - 20px. Üçüncü halda, bütün tərəflər padding ölçüləri: üst, sağ, alt və sol.

Bütün bu hallarda, top margin CSS 10 px edir.

elementləri mövqeyini dəyişdirmək qaydaları

layout element tamamilə yer deyil, bu, general sifariş forması səhifə deyil.

heç bir - biz CSS scCurrInfo element üst margin əldə və li səviyyəsində əgər ki, müəyyən edin.

Bu, məsələn, padding qaydaları istifadə: 40px; Bu adekvat qaydaları 80px eni və hündürlüyü azaltmaq tələb edir. Əks halda scCurrInfo blok ölçüsü xarici vahid kənarda olur.

Siz təsviri qayda scCurrInfo olan padding aradan qaldırılması, lakin siyahı maddə stil təsviri 20px dəyəri, yalnız top fərqlə əlavə edin. CSS digər şəxslərə bu dəyər tətbiq edilmir.

Təbii ki, abzas qaydaları belə bir istifadə hər element li tətbiq olunur.

Ümumi təcrübə content format

Bəzi developers təkmilləşdirilməsi, mil çatmaq və bir yarım pages elementləri blok. Görünür, bu klassik təcrübə - masa ilə başlayan və blokları öz təhsil prosesi başa.

məhəllə layout, mesmerizing xas azadlıq və təxəyyül geliştirici yalnız üfüqi və şaquli yalnız mobil Fusion yeri tutur ciddi cədvəlli qaydaları məhdudlaşdırıla bilməz. Heç bir şey xas relational fikir.

Eyni zamanda, cədvəllər, ayrı aşkar çatışmazlıqlar, bir çox keyfiyyətli üstünlükləri var. (- bu xüsusi bir andır dibindən) üst bir abzas yaradılması, CSS sağ, sol padding üçün imkan verir. Qaydalar həm də şaquli və üfüqi uyğun masa hüceyrələri nəzarət etmək üçün imkan verir. hüceyrələrinin üslub ilə birləşən, üslub sıra istifadə edərək məzmun mürəkkəb təqdimat təşkil edə bilərsiniz.

düzbucaqlı şəklində bir səhifə adi təmsil (blok layout) bir masa onu mane olmur. Bu da bir düzbucaqlı, lakin onlar ki, bir masa mobil var bloklarının qaydaları əlavə öz qaydaları var.

mütləq konumlandırma

; Block Qayda Vəzifə: mütləq; Bu yerləşdiyi blok nisbətən onun koordinatları təyin yerdə yerləşəcək.

CSS qaydaları A xarakterik xüsusiyyət - "təcrübə - həqiqət ən yaxşı meyar" əksər hallarda, cross-browser uyğunluğu və layout əl edilir, xüsusilə Cascading Style Sheets üçün üstünlük yüksək dərəcəli təhsil təlimatlar.

tez-tez masalar istifadə məzmunu bias problemləri mobil gətirib çıxarır. blokunda Oxşar shift bütün maddələr üçün həmişə deyil və təsir göstərir. eksperiment, siz istədiyiniz nəticə əldə edə bilərsiniz. Cüzi tapşırıq: top margin aradan qaldırılması üçün necə, CSS həmişə mənasız şəkildə həll etmir.

məşhur content management sistemi veb hər hansı bir daxili səhifə elementləri tətbiq etmək lazımdır bəzi hallarda, siz hələ həmkarları təcrübə görmək üçün də yalnız eksperimental təcrübə diqqət, lakin lazımdır.