Жоғары кірістіру CSS: Мазмұны Ranking

CSS орналасу әрқашан тік бұрышты болды. Кез келген тегіс желілері - әзірлеуші құзыреті. Стиль ережелері экран рұқсат ішінде тегіс беттің нысанын беруге жеткілікті параметрлерін қамтамасыз етеді. Бірақ, кез келген макеті элементі - бұл әрқашан орналасуы ақпарат CSS ережелерімен реттеледі, онда прямоугольник.

барлық жағынан Padding ол мүлдем орналасқан кезде беттегі әрбір элементі үшін маңызды болып табылады, және жоғарғы маржа ол, атап айтқанда, төменгі регистр түрлі элементтер үшін маңызды болып табылады, әсіресе, өйткені CSS арқылы анықталады.

Негізгі позициялау ережелері

блок мүшесі оған ішіндегі элементтер үшін, әдетте, әдетте, (маржа) болып табылады элементтің жағынан ұшып абзацы (қаптауын), сондай-ақ пайдалануға болады кадрдың (шекара), енін бар.

Атап маңызы жоғарғы маржа болып табылады. Құрылғының ішінде CSS ережелері мүлдем және салыстырмалы, осы блокта элементтерді орналасқан ішкі қаптауын ережелерін қосады.

CSS-ережелерін әдеттегі практикасы: сіз жоғарғы / төменгі және оң жақ / оң жақ немесе бөлек әр жаққа жұп, тең барлық жағынан шеттерін көрсетуге болады. Мысалы,

• маржа: 10px;
• шегініс: 10px20px;
• шегініс: 10px20px30px40px.

Бірінші жағдайда мүше, онда ол орналасқан сыртқы контейнер, тараптардың өзара есепке орнатылған. Жылы The екінші жағдайда The жоғарғы және төменгі жиектер 10px, сол жақ және оң - 20px. Үшінші жағдайда, барлық жағынан толтыру өлшемдері: жоғарғы, оң, төменгі және сол.

Барлық осы жағдайларда, жоғарғы маржа CSS 10 PX табылады.

элементтердің орнын өзгерту ережесі

орналасу элемент мүлдем қалыпқа қойылмаған болса, онда ол жалпы тәртібі нысаны бетінде орналасқан.

біз CSS scCurrInfo элементі жоғарғы маржаны айқындауға Егер қол, және Ли деңгейінде егер - жоқ.

Бұл мысалда, шегініс ережелерін қолдану: 40px; Ол тиісті ережелердің 80 пиксель үшін ені мен биіктігін төмендету талап етеді. Әйтпесе scCurrInfo блок өлшемі сыртқы блок шығып алады.

Сіз сипаттамасы әдетте scCurrInfo бастап шегініс алыңыз, бірақ тізім элементі стилінде, тек жоғарғы маржа сипаттамасында 20px мәнімен оны қоссаңыз. CSS басқа Тараптардың алдында осы мәнді қолданылмайды.

Әрине, шегініс ережелерін осындай пайдалану әрбір элемент Ли қолданылады.

пішімдеу Бас практика мазмұны

Кейбір әзірлеушілер жетілдіру, миля жарым бет элементтерін бұғаттау жетеді. кестеге бастап және блоктарда өз оқу процесін аяқтау - Шамасы, бұл классикалық тәжірибе болып табылады.

блок макеті тән еркіндік, гипноза, және қиял әзірлеуші қатаң кестелік ережелерге шектелмеуі мүмкін ғана көлденең және тігінен ғана жасуша біріктіру орында. тән Реляциялық идеялар ешнәрсе жоқ.

Сонымен қатар, кестелер, бір-бірінен айқын кемшіліктерді бастап, көптеген сапалық артықшылықтары бар. жоғарғы туралы абзацы жасау, CSS (төменгі жылғы - бұл ерекше сәт болып табылады) оңға, сол жақта толтыру үшін мүмкіндік береді. Ережелер сіз тігінен және көлденең тураланған кесте ұяшықтарын бақылауға мүмкіндік береді. стильдер сериясын пайдалану, жасушалар стильдер оларды біріктіру мазмұнына кешенді тұсаукесерін құра алады.

тіктөртбұрыш түрінде беттің үйреншікті ұсыну (блок орналасу) Кестедегі оны кедергі келтірмейді. Бұл сондай-ақ төртбұрыш болып табылады, бірақ олар сондай-ақ үстел ұялы болып, яғни, блоктар ережелерін толықтыратын өз ережелері бар.

нақпа-нақ орны

; Блок-ереже Қызметі: абсолютті; Ол орналасқан блок қатысты оның координаттарын тағайындаған жерде орналасатын болады.

CSS ережелер тән ерекшелігі - «практика - ақиқат үздік өлшемі» көп жағдайларда, кросс-браузер үйлесімділік және орналасу қолмен жасалады, әсіресе, Cascading Style Sheets жақсырақ жоғары сынып оқу құралдары.

Кестелерді пайдалану жиі мазмұнын ығысу, проблемаларды жасушаларын әкеледі. блогында ұқсас ауысым емес әрқашан емес, барлық элементтер үшін әсер етеді. тәжірибе бойынша, қалаған нəтижеге қол жеткізуге болады. Trivial міндеті: қалай CSS әрқашан тривиальная жол шешпейді, жоғарғы маржаны жою үшін.

ол танымал мазмұнды басқару жүйесі сайттың кез-келген ішкі бет элементтерін енгізу қажет болған кезде, кейбір жағдайларда, сіз әлі эксперименттік тәжірибеде ғана емес назар аудару керек, сондай-ақ әріптестерінің тәжірибесін көруге.