O'zingizning Saytingizni Markazga Tekislang

Mundarija:

O'zingizning Saytingizni Markazga Tekislang
O'zingizning Saytingizni Markazga Tekislang

Video: O'zingizning Saytingizni Markazga Tekislang

Video: O'zingizning Saytingizni Markazga Tekislang
Video: HTML 1-dars | Matn taglari bilan ishlash 2024, Aprel
Anonim

Kodlashda veb-boshqaruvchi saytni har xil ekran o'lchamlarida bir xil darajada yaxshi ko'rinishi uchun ko'p harakatlarni amalga oshirishi kerak. Eng yaxshi echim sahifadagi barcha tarkibni markazlashtirishdir.

O'zingizning saytingizni markazga tekislang
O'zingizning saytingizni markazga tekislang

Ko'rsatmalar

1-qadam

Markazni tekislash usuli tartib uslubiga bog'liq. Siz teglardan yoki foydalanishingiz mumkin

… Albatta, barcha tarkibni yorliq bilan o'rash osonroq, lekin u ancha oldin eskirgan va hammasi to'g'ri ishlashiga kafolat yo'q. Eng zamonaviy usul - CSS texnologiyasidan foydalanish.

2-qadam

Teg kodning bir qismini bitta blokga ajratadi, bu tarkibning ko'rinishini o'zgartirishga imkon beradi, fragmentga bitta shrift, rang, fon va boshqalarni beradi. Blokning joylashuvi bilan tegning barcha tarkibi tegga joylashtiriladi. Biz align atributi bilan hizalamayı o'rnatdik. Bu shunday bo'ladi:

Sayt tarkibi

3-qadam

Markazlashtirishni CSS vositalari yordamida ham sozlash mumkin. Buning uchun uslublar jadvallarining alohida faylini yaratishingiz yoki hamma narsani bir xil HTML faylga, tegga joylashtirishingiz kerak. Kod quyidagicha ko'rinadi:

* {margin: 0; to'ldirish: 0;}

tanasi {

matn bilan tekislash: markaz;

}

div {

kengligi: 700 piksel;

margin: 0 avtomatik;

}

4-qadam

Jadval tartibida markazlashtirish yorliqdagi jadvallar yordamida o'rnatiladi

… Kod quyidagicha bo'ladi: <sayt jadvali

… Jadval navbati bilan sahifaning markazida joylashgan bo'lib, uning mazmuni ham bo'ladi. Bundan tashqari, istalgan blokning kengligini, uni width parametri yordamida belgilash orqali o'rnatishingiz mumkin.

5-qadam

Sahifa kengligini tanlashda, foydalanuvchilarning ekran o'lchamlari siznikidan ancha farq qilishi mumkinligini yodda tuting. Ba'zan, o'lcham bilan adashmaslik uchun, siz hamma narsani foiz sifatida belgilashingiz kerak. Agar sizda oddiy sayt bo'lsa, bu ayniqsa foydalidir.

6-qadam

Qaysi usulni ishlatsangiz ham, saytingiz barcha brauzerlarda to'g'ri ishlashiga ishonch hosil qiling. Agar biron sababga ko'ra ularning birida noto'g'ri ko'rsatilsa - buni ko'rsating.

Tavsiya: