Top tsinin CSS: Contents Ranking

CSS layout ya kasance kullum rectangular. Duk wani m Lines - da iyawa na developer. Style dokoki samar da isasshen zabin ba santsi page form a cikin allon ƙuduri. Amma wani layout kashi - shi ne ko da yaushe wani murabba'i mai dari a cikin abin da wuri bayanai ke kula da dokoki na CSS.

Padding a kan dukkan bangarorin suke da muhimmanci ga kowane kashi a cikin page idan aka cikakken armashi, kuma a saman gefe ne m da CSS musamman saboda yana da muhimmanci ga daban-daban abubuwa, musamman žananan.

Basic sakawa dokoki

A block memba na da kullum tafiyarsu, daga sasanninta, da kashi, wanda shi ne (gefe), kullum indentation ga abubuwa a ciki shi (padding) da kuma da nisa daga cikin firam (iyakar), wanda kuma za a iya amfani da su.

Na musamman muhimmancin ne saman gefe. CSS mulki a ciki naúrar ta haɗu da ciki padding dokoki da cikakken da kuma gwada da armashi, abubuwa a cikin wannan block.

The saba yi na CSS-sharudda: za ka iya saka da ribace-ribace a kan dukkan bangarorin daidai, nau'i-nau'i saman / kasa da kuma hagu / dama ko kowane gefe daban. Alal misali,

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

A cikin farko idan memba aka shigar biya diyya, daga sasanninta, da m ganga, a cikin abin da aka located. A karo na biyu idan saman da kasa ribace-ribace ne 10px, hagu da kuma dama - 20px. A cikin uku harka, da girma na padding a kan kõwane: saman, dama, kasa da kuma bar.

A duk wadannan lokuta, saman gefe CSS ne 10 px.

Dokokin cewa canza matsayi na abubuwa

Idan layout kashi ne ba da cikakken wurinta, shi ne a cikin janar domin form page.

Idan muka ayyana saman gefe a cikin CSS scCurrInfo kashi aka samu, da kuma idan a matakin li - babu.

A wannan misali, yin amfani da padding sharudda: 40px; Yana bukatar isasshen dokoki rage nisa da tsawo to 80px. In ba haka ba scCurrInfo block size ya fita bayan da waje naúrar.

Idan ka cire padding daga bayanin mulki scCurrInfo, amma ƙara da shi tare da wani darajar 20px a cikin bayanin irin lissafin abu style, kawai saman gefe. CSS bai shafi wannan darajar da sauran jam'iyyun.

Babu shakka, irin wannan amfani da indentation dokoki shafi kowane kashi li.

Janar yi ciki Tsarin

Wasu developers kai ga kamala, mil da rabin shafukan toshe abubuwa. A fili, wannan shi ne wani classic yi - da suka fara da tebur da kuma gama nasu ilimi tsari a kan tubalan.

A 'yanci muhimmi a cikin block layout, mesmerizing, da kuma developer na tunanin ba za a iya iyakance ga m tabular dokoki kawai darajõji kawai cell Fusion kawai horizontally da kuma tsaye. Babu wani abu muhimmi da zumunci ideas.

A halin yanzu, Tables, baya daga fili drawbacks, akwai mutane da yawa ingantaccen abũbuwan amfãni. Samar da wani indentation a saman, CSS damar domin padding a kan hagu zuwa dama (daga kasa - wannan shi ne wani musamman lokacin). Dokokin ba ka damar sarrafa tebur Kwayoyin masu hada duka biyu tsaye da kuma horizontally. Amfani da styles jerin, hada su tare da styles na sel iya samar da hadaddun gabatar da abun ciki.

Sabõda misali na wani page a cikin nau'i na rectangles (block layout) bai hana shi a cikin wani tebur. Wannan ne ma wani murabba'i mai dari, amma suna da kuma wani tebur cell, wato, suna da nasu dokoki supplementing dokoki na tubalan.

cikakkar sakawa

; Block Rule Matsayi: cikakkar. Yana za a located a wuri kaddamarda ta tsarawa dangi da block a cikin abin da aka located.

A halayyar alama na CSS dokoki - "yi - mafi kyau rarrabẽwa na gaskiya" a mafi yawan lokuta, musamman inda giciye-browser karfinsu da kuma layout da aka yi da hannu, zai fi dacewa high-sa nazari Littattafan for Cascading Style Sheets.

Amfani da allunan sau da yawa take kaiwa zuwa tantanin halitta abinda ke ciki nuna bambanci matsaloli. A irin wannan motsa a cikin block rinjayar ba ko da yaushe, kuma ba don duk abubuwa. By gwaji, za ka iya cimma da ake so sakamakon. Maras muhimmanci aiki: yadda za a cire a saman gefe, CSS ba ko da yaushe shirya wani maras muhimmanci hanya.

A wasu lokuta, a lokacin da shi wajibi ne don gabatar da page abubuwa a cikin ciki na wani daga cikin m content management system website, ya kamata ka har yanzu kula ba kawai don gwaji yi, amma kuma ga kwarewa da abokan aiki.