Ortada CSS istifadə: mətn və masa

mətnlər və masalar - İnformasiya bütün elementləri dünya və elementləri, sözlər və mətnlərin uyğunlaşdırılması ilə təmsil olunur, və ya son instansiya rəsmiləşdirilir edir. Siz digər, artıq məlum hesab edə bilər data strukturları, eləcə də şəkillər, lakin baxımından CSS və HTML məsələləri istifadə etmək üçün biçimlendirme mətn fərqli münasibət var qalan məlumat formaları.

Proper site səhifə quruluşu hər bir element mövqeyini müəyyən edir. HTML sənəd həmişə - ekranda elementləri ardıcıllıqla birbaşa üç əsas qaydaları təsir edir:

• Absolute yerləşdirilməsi (vəzifəsi);
• bir axın spot;
• z-index.

Digər yaşayış variantları da əhəmiyyətli CSS ilə problemi həll etmək üçün daha çox bilik tələb "mətn mərkəzində".

Mərkəzə və alignment qaydaları

CSS qaydaları HTML-sənədin əlavə, lakin heç bir qruplaşma seçimi öhdəsindən sonuncu hüququ olmadan. digər alignment tez-tez dəyər itirir isə mobil cihazlar ubiquity və daha sadəlik və "squareness" istiqamətində qayğı dizayn, cari mərkəzə məsələ edir.

Səhifənin əsas element - vahid müəyyən bir stil təsvir. Ümumiyyətlə üfüqi alignment: yalnız dörd dəyərlər (mərkəzi, sağ, haqq qazandırmaq sol) baş kimi text-align, bilər. Siz hündürlüyü və line-hündürlüyü dəyəri birləşən bir şaquli alignment edə bilərsiniz:

{
hündürlüyü: 88px; // Bu nisbəti
line-height: 88px; // mətn Mərkəzinin css - Şaquli
}

Siz müxtəlif qaydaları ilə sınağa bilər. ; masa, ekran: masa hüceyrə və şaquli-align: mənbələri blok ekran qaydalarının şərhi haqqında qeyd tapdı orta; lakin həmişə çalışır.

masalar mətn uyğunlaşdırılması

yeganə data structure ilk aydın və əbədi yaşamaq olunacaq - masa. Bu təmin edir və şaquli və üfüqi alignment, əlavə olaraq, masalar istifadə edərək, CSS mərkəzində mətn yerləşdirmək necə sual artıq mürəkkəb mənası var.

biçimlendirme xüsusi məqsədi nail olmaq üçün CSS qaydaları istifadə edərək mövcud təcrübə həmişə deyil Cascading Style Sheets anlayışı qane edir. Heç bir şey üç sütun və üç satır masa mərkəzi hüceyrə daxil content yerləşdirilməsi hər hansı bir istiqamətdə alignment yerinə yetirmək üçün geliştirici qarşısını alır.

Bu qərar standart, lakin effektiv deyil. Bunun əvəzinə bir uzun və vasvası bir cross-browser səhifənin problemi həll və ya sağ, qıraq sol gözləmək və s. Siz masa hüceyrələrinin şablon faiz eni və sıra yüksəkliklərdə istifadə edə bilərsiniz.

JavaScript vasitəsilə Alignment

sual ibtidai həll alqoritmi, browser dilində "Necə HTML mərkəzi mətn yerləşdirmək", və çox daha praktik və cəlbedici dizayn var.

Design Style Files artıq işə getdi, və demək olar ki, hər bir öz-özünə hörmət content idarəetmə sistemi geliştirici bütün hallar üçün üslub müəyyən edir. Lakin həyat həmişə konkret tələb edir: Bu orta yerdə CSS mətn ilə necə, hesab edirəm ki, sıfırdan hər zaman lazımdır. vahid alignment məqsədləri üçün Seçim, bu səhifənin yan "yapıştırılmış", lakin müxtəlif elementləri inşa ölçüsü, çətin ki, uyğun blok pop-up menu, çünki.

Visible mərkəzi - bu ilk məlum idi ki, qarşısını almaq üçün həmişə asan deyil olduğu sol tərəfində və neçə piksel sağ üst və bu alt zəmanət yoxdur - bu şaquli alignment yerinə yetirməlidir haqqında xətt var.

stil məzmunu ilə müəyyən edilməlidir One trend. normal mətn yalnız əlavə - daha çox sites qonaq məlumat, vizual və səs var. simvol (bu incəsənət, rəssamlıq, musiqi və s saytlarda tətbiq edilmir) content istədiyiniz ki, - bu qonaq zəruri məlumatların bir sual.

Mətn və HTML xüsusiyyətləri təqdimatı

Bu baş səhifə content ayrılmaz element - mətn, və sözü. Semantika - geliştirici (site sahibi) səlahiyyətlərinə edir. Əslində mətn bir tag təqdim edilə bilər ki, təbii cümlə simvol bir ardıcıllıqla və simvol ola tags ardıcıllıqla deyil, yalnız ola bilər. Bu baxımdan o, "mətn mərkəzində" "ağır" CSS sadə hallarda yalnız edə bilərsiniz ki, aşağıdakı.

brauzerinizin üçün Server ekstradisiya tələbi çox genişdir və həmişə nümayiş olunacaq nə ilə bağlı bir çox elementlər ehtiva edir. Səhifənin layout dizayn zaman təqdimatı baxımından əhəmiyyət, xüsusilə alignment yerləşdirmək vacibdir. daha yaxşı bir şey browser bir müştəri server yoxdur. həmişə son nəticədə diqqət CSS qaydaları etibar etməyin daha praktik deyil.