Top ички CSS: Contents Ranking

CSS катмары дайыма тик бурчтуу болду. Ар бир жылмакай саптары - иштеп компетенттүүлүгү. Style эрежелери экран токтомдун алкагында жылмакай бет түрүн берүүгө жетиштүү мүмкүнчүлүктөрдү камсыз кылат. Бирок, ар кандай катмары элементи - ал ар дайым жайгашкан маалымат CSS эрежелери тарабынан жөнгө салынат, бул бурчтукка.

Бардык тараптан Padding сөзсүз жайгашкан учурда беттеги ар бир элементи үчүн маанилүү болуп саналат, ал эми жогорку маржа ар түрдүү элементтер үчүн маанилүү, өзгөчө, анткени CSS менен аныкталат, өзгөчө төмөнкү учурда.

Негизги жайгаштыруу эрежелери

бөгөттөөлөр мүчөсү жалпы элементтин тараптан чыгып, ээ (маржа), көбүнчө аны (толтургучтар) ичинде элементтердин үчүн кемтиги жана кадр (чек ара) туурасы да колдонсо болот.

Айрыкча мааниси жогорку маржа болуп саналат. CSS бүтүн блок ички толтуруу эрежелерин абсолюттук жана салыштырмалуу жайгашкан элементтерди бириктирип ичинде эрежелери.

CSS-эрежелерди кадимки практика: бардык тараптардын бирдей, экиден жогорку / түбүн жана сол / оң же өз-өзүнчө ар бир тараптан боюнча запастарын көрсөтүүгө болот. Мисалы,

• маржа: 10px;
• толтургучтар: 10px20px;
• толтургучтар: 10px20px30px40px.

биринчи мүчөсү, ал жайгашкан сырткы таранын тараптан, анын ордун орнотулган. Экинчи учурда жогорку жана төмөнкү чектерин 10px, сол жана оң болот - 20px. Үчүнчү учурда, ар тараптан толтургучтар тууралуу өлчөмдөрү: жогорку, оң, төмөнкү, сол.

Жогоруда айтылган бардык учурларда, жогорку маржа CSS 10 PX болуп саналат.

элементтердин абалынын өзгөрүшү эрежелери

макети элементи эч жайгашкан эмес болсо, анда ал жалпы тартип түрү беттеги турат.

Биз CSS scCurrInfo элементтин жогорку маржа жетишилет аныктама болсо, жана Ли деъгээлинде болсо - жок.

Бул мисалда, толтургучтар эрежелерин пайдалануу: 40px; Бул 80px шайкеш эрежелери туурасы, бийиктиги азайтуу талап кылынат. Болбосо scCurrInfo Блоктун көлөмү тышкы бирдиктин чегинен тышкары чыгып калат.

Сиз эреже сүрөттөлүшү scCurrInfo чейин төшөмө алып келсе, бирок тизме нерсе стили баянында 20px баасы менен кошуп, бир гана жогорку талаа. CSS башка партиялар ушул баалуу колдонулбайт.

Албетте, чегинүү эрежелерин мындай пайдалануу ар бир элемент Өмүр бою колдонулат.

Жалпы практикалык мазмуну туюнтма

Кээ бир иштеп кемчиликсиз, анан дагы бир жарым чакырымдан барактар элементтерди бөгөт жетет. Көрүнүп тургандай, бул классикалык практика болуп саналат - столдун менен баштап, блоктор, өздөрүнүн билим берүү аяктоо.

бөгөттөөлөр жайлаштыруунун мүнөздүү эркиндик, туптунук жана кыялдануу иштеп гана туурасынан катуу пласт эрежелерин гана жалгыз клетка Fusion орунда турат жана тик чектелбеши керек. Эч нерсе таандык мамиледеги идеялар.

Ошол эле учурда, үстөл, башка ачык кемчиликтер, көп сапаттуу жакшы жактары бар. үстүнө бир Сизде түзүү, CSS сол толтургучтар берет, укугу (түбүнөн - бул өзгөчө бир учур). Эрежелер сиз тигинен жана туурасынан да түздөлгөн стол клеткаларын көзөмөлдөөгө мүмкүнчүлүк берет. стилдери катар колдонуп, клеткалардын стилдер менен бириктирип, мазмуну татаал сунуштоону түзө алышат.

Адатта тик бурчтуктар түрүндөгү бетине өкүлчүлүгү үчүн (талкуулоо | тосмолоолордун жайгашууда) үстөлгө аны тоскоолдук кылбайт. Бул да бир тик бурчтук, бирок алар да бир стол клетка болуп эсептелет, башкача айтканда, блокторду эрежелерин толуктоо өз эрежелери бар.

шартсыз жайгаштыруу

; Блок эреже POSITION: абсолюттук; Бул жайгашкан блокко салыштырмалуу анын координаттары тарабынан дайындалган жерге жайгашкан болот.

CSS эрежелерин бир мүнөздүү өзгөчөлүгү - "практика - мыкты чындыктын критерийи" көпчүлүк учурда, айрыкча, кайчылаш-браузер шайкештик жана жайгашуусу стилдерди үчүн көбүнчө жогорку сорттогу изилдөө усулдары, кол менен жасалат.

көп үстөлдөрүн колдонуу көрүү катасын көйгөйлөрдү камерадан алып келет. блоктогу окшош кезметтин бардык заттар үчүн ар дайым эмес, жок таасирин тийгизет. тажрыйба менен, сиз каалаган натыйжага жетишүүгө болот. Анча маанилүү милдет: жогорку чекке алып салуу керек, CSS дайыма анча маанилүү жол менен чече албайт.

Кээ бир учурларда, бул элдик контент башкаруу системасы сайт ар кандай ички бет элементтерин киргизүү зарыл, сен дагы эле гана эмес, тажрыйба жүзүндө кулак сала көр, ал эми кесиптештердин тажрыйбасын көрүп, ошондой эле керек.