Топ CSS добавям: Съдържание Класиране

CSS оформление винаги е била правоъгълна. Всякакви плавни линии - от компетентността на строителя. правила Style осигуряват достатъчно възможности да се даде гладка форма страница в рамките на резолюцията на екрана. Но който и да е елемент оформление - това винаги е правоъгълник, в който информацията за местоположението, се ръководи от правилата на CSS.

Пълнеж от всички страни са важни за всеки елемент на страницата, когато е абсолютно позициониран и горната граница се определя от CSS-вече защото това е важно за различните елементи, по-специално с по-нисък такъв.

Основни правила за позициониране

Членът на блок има най-общо да се излиза от двете страни на елемент, който е (марж), най-общо вдлъбнатината за елементите вътре в нея (подложка) и ширината на рамката (границата), които също могат да бъдат използвани.

От особено значение е горната граница. CSS правила в устройството се свързва с правилата за вътрешен подложка абсолютно и относително позиционирани елементи в рамките на този блок.

Обичайната практика на CSS-правила: можете да определите полетата от всички страни еднакво, по двойки, горе / долу и ляво / дясно или за всяка страна поотделно. Например,

• марж: 10px;
• подложка: 10px20px;
• пълнеж: 10px20px30px40px.

В първия случай членът е инсталиран компенсира от страните на външния контейнер, в който се намира. Във втория случай горната и долната маржове са 10px, наляво и надясно - 20px. В третия случай, размерите на подложка от всички страни: отгоре, отдясно, отдолу и си тръгна.

Във всички тези случаи, горно поле CSS е 10 пиксела.

Правила, които променят позицията на елементи

Ако оформление елемент не е абсолютно позициониран, че е във форма на страницата на общия ред.

Ако дефинираме се постига горното поле в елемент CSS scCurrInfo, а ако на ниво ли - не.

В този пример, използването на правила за запълване: 40px; Той изисква адекватни правила намали ширината и височината на 80px. В противен случай scCurrInfo размер на блока излиза извън външната единица.

Ако премахнете подложка от правилото за описание scCurrInfo, но той добави със стойност 20px в описанието на стила на елемент от списъка, само горното поле. CSS не се прилага тази стойност на другите страни.

Естествено, такава употреба на правила отстъп прилага по отношение на всеки елемент Ли.

форматиране на съдържание Обща практика

Някои предприемачи достигне съвършенство, мили и половина страници блокират елементи. Очевидно, това е класическа практика - като се започне с маса и завърши собствената си образователен процес на блоковете.

Свободата, присъщи на оформлението на блок, хипнотизиращ и разработчик на въображението не може да се ограничава само до строгите правила таблични само се нарежда само клетъчно сливане само хоризонтално и вертикално. Нищо, присъщи релационни идеи.

В същото време, маси, освен очевидните недостатъци, има много качествени предимства. Създаване на отстъп на върха, CSS дава възможност за запълване в ляво, в дясно (от дъното - това е специален момент). Правила ви позволяват да контролирате клетките на таблицата подравнени вертикално и хоризонтално. Използване на стилове серия, комбинирането им с стилове на клетки може да се образува комплекс представяне на съдържанието.

Обичайно представяне на страница под формата на правоъгълници (блок оформление) не му попречи в таблица. Това също е правоъгълник, но те са също така клетка от таблица, тоест, имат свои собствени правила, допълващи правилата на блоковете.

абсолютно позициониране

; Блок правило ПОЗИЦИЯ: абсолютен; Тя ще се намира на мястото, определено от координатите му спрямо блока, в който се намира.

Характерна особеност на правила CSS - "практика - най-добрият критерий на истината" в повечето случаи, особено когато съвместимост различни браузъри и оформление се извършва ръчно, за предпочитане учебни ръководства висок клас за Cascading Style Sheets.

Използване на таблици често води до клетъчна проблеми съдържание пристрастия. Подобна промяна в блока не се отразява винаги и не за всички елементи. Експериментирайки, можете да постигнете желания резултат. Тривиална задача: как да се премахне горната граница, CSS не винаги се реши един тривиален начин.

В някои случаи, когато е необходимо да се налагат елементи на страницата във вътрешността на всяка от интернет страницата на популярната система за управление на съдържанието, трябва все пак да се обърне внимание не само на експериментална практика, но също така да се види опита на колегите си.