Dreamweaver'ın CSS Özellik Panelinde Yerleşim Seçeneklerini Kullanma - CSS'nin üstündeki mankenler

CSS Tasarımcı Özellikleri panelinin üst kısmında, CSS özelliklerini yaygın olarak bulabilirsiniz sayfa mizanpajı oluşturmakta kullanılır. Bu seçenekleri, yükseklik, genişlik, hizalama, konumlandırma ve boşluk belirtmek için kullanırsınız. Bu ayarlar, sınıfları ve kimlik stillerini içeren sayfa mizanpajları oluşturmak için çok sütunlu mizanpajlar oluşturmak için resim hizalama ve konum etiketleri gibi işlemleri yapmak için idealdir.

CSS Mülkiyet panelindeki Düzen seçeneklerini kullanarak bu değerleri ayarlayabilirsiniz:

• Genişlik: Boyutları belirtilebilen herhangi bir öğe için bir etiket. Boyut seçenekleri piksel (px), nokta (pt), pika (pc), yüzde (%), em, rem, ex ve ch'dir.

• Yükseklik: Boyutları belirtilebilen herhangi bir öğe için bir yükseklik belirtin.

  • Min ve Max Genişlik: Etiketler ve diğer blok öğeleri için minimum ve maksimum genişlikleri belirtin. Bu seçenekler, genişliği tarayıcı penceresinin yüzdesi olarak belirttiğinizde kullanışlıdır. Örneğin, tasarım genişliğini tarayıcı penceresinin yüzde 80'inde ayarlayabilir ve daha sonra, düzeninizin 1000 paydan daha geniş bir hale gelmesini önlemek için Maksimum Genişlik 1000 piksel ayarlayabilirsiniz.

  • Min ve Max Yüksekliği: Etiketler ve diğer blok öğeleri için minimum ve maksimum yükseklikleri belirtin.

  • Marj: Bir öğe çevresindeki boşluk miktarını ayarlayın. Kenar boşlukları, bir öğenin kenarı ile sayfadaki diğer öğeler arasında (örneğin resim ve metin arasındaki veya iki etiket arasındaki) boşluk oluşturmak için kullanılabilir. Kenar boşluğunu üst, sağ, alt ve sol için ayrıca ayarlayabilirsiniz. Dolgu piksel, nokta, inç, santimetre, milimetre, pika, ems, exs ve yüzdelerle ölçülür.

  • Dolum: Bir öğenin sınırları içindeki boşluk miktarını ayarlar. Örneğin, bir etiketin kenarlıkları ve içerikleri arasında boşluk oluşturmak için dolgu kullanabilirsiniz. Dolguyu üst, sağ, alt ve sol için ayrı ayrı ayarlayabilirsiniz. Dolgu piksel, nokta, inç, santimetre, milimetre, pika, ems, exs ve yüzdelerle ölçülür.

    Boşluğu ayarlama ve kenar boşluğu ayarlaması zor olabilir. Bir resim veya etiket gibi bir öğeye kenar boşluğu ve dolgu eklediğinizde, o öğenin toplam boyutunu ve düzen içinde gerektirdiği alanı artırırsınız.

• Konum: Özellikler paneli'ndeki Düzen bölümünün alt kısmında bulunan Konum seçeneği, öğelerin bir sayfada konumlandırma biçimini değiştirir. Konumlandırma, blok düzeyindeki öğelerin (tablo, liste, üstbilgi, paragraf ve etiketler gibi) bir tarayıcıda görünme biçimini önemli ölçüde değiştirebilir.

  • Devralma: Bu varsayılan seçeneği belirtmeniz gerekmez. Başka bir seçenek seçilmediği sürece, her öğe üst öğesinin konumunu devralır.

  • Statik: İçeriği belgenin akışının içindeki yerlerine yerleştirin. Varsayılan olarak, konumlandırılmış tüm HTML öğeleri statiktir.

  • Mutlak: Bir öğenin konumunu tarayıcı penceresinin sol üst köşesine veya öğeyi içeren bir öğenin sol üst köşesine göre kontrol etmek için üst ve sol koordinatları kullanın.

  • Sabit: Tarayıcının sol üst köşesine göre bir öğe yerleştirin. Sabit konumlandırma kullanan bir öğenin içeriği, kullanıcı sayfanın aşağı veya sağa kaydırmasına rağmen sabit kalır.

  • Göreceli: Elemanı sayfaya veya kabına göreceli olarak eklediğiniz noktaya göre bir konum kullanın.

    

  • Float: Resimler veya etiketler gibi öğeleri bir sayfanın solunda veya sağında veya diğer öğelerin çevresine sarılmasına neden olan metin veya diğer öğelere hizalayın. Aşağıdaki dört seçeneği belirtmek için Kalıp alanındaki simgelerini tıklatın: Devral, Sağ, Sol veya Hiçbiri.

  • Temizle: Yüzen içeriğin bir alanın soluna veya sağına veya bir öğenin her iki tarafına örtüşmesini önleyin. Kenar çubuğu oluşturmak için kullanılan bir etiketi gibi kayan bir öğe, bir sayfanın altbilgisini oluşturmak için kullanılan bir etiket gibi başka bir blok düzeyi öğesinin üst üste bindiğinde, bu seçenek kullanışlıdır.

  • Taşma-x ve -y: Bir etiket gibi kap, öğenin tüm yüksekliğini veya genişliğini sığamıyorsa tarayıcıya bir öğenin içeriğini nasıl göstereceğini bildirin. Taşma seçenekleri şunlardır:

  • Görünür: Bir konteynerin tanımlanan yükseklik veya genişliğinin ötesine genişlese bile, bir resim veya metin gibi içeriği görünür tutun.

  • Gizli: Kap içeriğini aşarsa içeriği kesin. Bu seçenek kaydırma çubukları sağlamaz.

  • Kaydır: İçeriğinin öğenin boyutunu aşmasına bakılmaksızın, kapta kaydırma çubukları ekleyin.

  • Otomatik: Kaydırma çubuklarını ancak bir kapsayıcının içeriği sınırlarını aştığında görünmesini sağlayın.

• Görüntüleme: Bir tarayıcıda bir öğenin nasıl veya nasıl görüntüleneceğini belirtin. Örneğin, Hiçbiri seçerek Inline'ı seçerek veya bir elemanı gizleyerek görünmez yaparak, sırasız bir listenin konumunu yataydan dikey olarak değiştirirsiniz. Dinamik olarak öğelerin görünümünü değiştirmek için Gösterim seçeneğini bir betik dili ile kullanabilirsiniz.

• Görünürlük: Tarayıcının bir öğe görüntüleyip görüntülemediğini kontrol edin. Görünürlük seçenekleri

  • Devral: Eleman içerdiği öğenin görünürlüğü vardır (varsayılan).

  • Görünür: Eleman görüntülenir.

  • Gizli: Eleman görüntülenmiyor.

  • Daralt: HTML tablolarıyla kullanmak için. Daralt, tablo düzeninin geri kalanını etkilemeksizin bir sütun veya satır kaldırmak için kullanılabilir.

• Z-Index: Bir elemanın Z koordinatındaki konumunu kontrol edin, bu elemanların birbirlerine göre istif sıralarını kontrol eder.Daha yüksek numaralı öğeler daha düşük numaralı öğelerle çakışıyor.

• Opaklık: Bir öğenin opaklık düzeyini 0,0 (tamamen şeffaf) ila 1, 0 (tamamen opak) arasında kontrol edin. Örneğin, girerseniz. 5 opaklık alanında, bir elementin opaklığı yüzde 50'ye düşürülür.