Üst gömme CSS: İçerik Sıralaması

CSS yerleşim hep dikdörtgen olmuştur. Herhangi pürüzsüz hatları - geliştiricinin yetkinlik. Stil kuralları ekran çözünürlüğü içinde pürüzsüz sayfa formunu vermek yeterli seçenekleri sunar. Ama her düzen eleman - her zaman konum bilgilerini CSS kuralları tarafından yönetilen olduğu bir dikdörtgendir.

her tarafta Dolgu kesinlikle yerleştirildiğinde sayfadaki her element için önemlidir ve üst kenar boşluğu çeşitli unsurları, özellikle alt-durum için önemlidir özellikle çünkü CSS ile belirlenir.

Temel konumlandırma kuralları

Blok elemanı genel olarak elemanın, (kenar) de kullanılabilir o (padding) ve çerçeve (sınır) genişliğine içindeki elemanlar için, genel olarak girinti iki ayrılmaksızın sahiptir.

Özel önem üst sınırıdır. Birim kesinlikle ve nispeten bu blok içindeki öğeleri konumlandırılmış iç dolgu kuralları bağlayan iç CSS yönetir.

Zamanki pratik CSS-kurallar: Eğer belirlediğim marjları üzerindeki tüm tarafların eşit, çiftli üst / alt ve sol / sağ veya her tarafı ayrı. Örneğin,

• margin: 10px;
• dolgu: 10px20px;
• padding: 10px20px30px40px.

İlk durumda elemanında yer aldığı dış kabın yanlarına kaydırılmış olarak tutulur. Gelen ikinci vaka üst ve alt kenar boşlukları 10px, sol ve sağ - 20px. Üçüncü durumda, her tarafta dolgu boyutları: üst, sağ, alt ve sol.

Bütün bu durumlarda, üst kenar boşluğu CSS 10 px olduğunu.

elemanların konumunu değiştirmek Kurallar

düzen eleman mutlak olarak konumlanmış değilse, genel sipariş formu sayfasından içindedir.

hayır - CSS scCurrInfo elemanda üst kenar boşluğu elde ve li düzeyinde ise almaktadır tanımlarsanız.

Bu örnekte, dolgu kuralları kullanımı: 40 piksel; Yeterli kurallar 80px genişliği ve yüksekliği azaltmak gerekir. Aksi takdirde scCurrInfo blok boyutu dış ünitenin ötesine dışarı çıkar.

Eğer açıklama kuralına scCurrInfo dolguyu kaldırmak ancak stil öğesi listenin açıklamasında 20px değeri, sadece üst kenar boşluğu ile eklerseniz. CSS diğer partilere bu değeri geçerli değildir.

Doğal olarak, girinti kuralları böyle bir kullanımı her eleman li için geçerlidir.

Genel uygulama içeriği biçimlendirme

Bazı geliştiriciler mükemmele, mil ulaşmak buçuk sayfaları öğeleri engellemeyecek. Görünüşe göre, bu klasik bir uygulamadır - tabloyla başlayan ve bloklar kendi eğitim sürecini tamamlamak.

Blok düzeni, büyüleyici doğasında özgürlük ve hayal geliştiricisi yalnızca yatay ve dikey olarak sadece hücre füzyonu alıyor sıkı sekmeli kurallara sınırlandırılamaz. Hiçbir şey doğal ilişkisel fikirler.

Bu arada, tablolar, ayrı bariz sakıncaları kadar birçok nitel avantajları vardır. (- Bu özel bir andır alttan) üstünde bir girinti oluşturma, CSS sağa, soldaki dolgu sağlar. Kurallar hem dikey hem de yatay hizalanmış tablo hücrelerini kontrol etmenizi sağlar. Hücrelerin stilleri ile birleştirerek, stiller dizi kullanarak içerik karmaşık sunum oluşturabilir.

dikdörtgenler şeklinde bir sayfanın Habituel gösterimi (blok düzeni) bir tabloda engellemez. Bu aynı zamanda bir dikdörtgendir, ama onlar, yani aynı zamanda bir tablo hücresi olan blokların kurallarını tamamlayıcı kendi kuralları vardır.

mutlak konumlama

; Blok Kural POZİSYON: absolute; O bulunduğu bloğa göre belirlenen koordinatlara göre belirlenen yerde yer alacaktır.

CSS kurallarının karakteristik bir özelliği - "uygulama - gerçeğin iyi kriter" çoğu durumda, çapraz tarayıcı uyumluluğu ve düzeni elle yapılır özellikle, Basamaklı Stil Sayfaları için tercihen yüksek kaliteli çalışma kılavuzları.

genellikle tabloları kullanarak içerikleri önyargı sorunlarını hücre yol açar. bloğunda benzer bir kayma tüm öğeler için her zaman değil, değil etkiler. deneyerek, istenilen sonucu elde edebilirsiniz. Önemsiz görev: Üst kenar boşluğu nasıl kaldırılacağı, CSS hep önemsiz bir şekilde çözmez.

popüler içerik yönetim sistemi web sitesinin herhangi bir iç kısmında sayfa öğelerini empoze etmek gerekir Bazı durumlarda, hala meslektaşlarının deneyimini görmek sadece deneysel uygulama dikkat kaplaması gerekir.