Wordpress'te Yazılarımıza Nasıl Video ekleriz?: oku>> Çevirimiçi Form oluşturan siteler : oku>> Wordpress Insider Tema türkçe : oku>> Wordpress 2.6.5 sürümü sunulmuş: oku>> Wp - Max Tema Türkçe ( Magazine Teması ): oku>> Türkçe karakter sorunu ( ascii kodları , meta tagları , karakter kümeleri .. ): oku>> Adana Seyhan Belediyesi Öğrenim Bursu Hakkında: oku>> Wordpress Classic Modern Tema Türkçe: oku>> Web de Reklam Sistemleri: oku>> True Elegance Blogger teması: oku>>

css te html elemanlarına müdahale etmek

 19-07-2008
      ercani         css notları

CSS html elemanlarına(<p>,<h1>…) bakarken onları bir kutu içindeymiş gibi algılar.Yani bir paragrafımız olsun; css le paragrafa müdahale ederken, css paragrafa bir kenar çizgisi ekler (bu değer ‘0′ sa görünmez) yani border. border ile paragraf arasındaki alan kenar içi boşluğudur (padding).padding uzunluk değeri aldıkça boşluk büyür. Diğer bir boşluk border ile yani çerçeve ile diğer nesneler arasındaki boşluktur.Yani kenardışı boşluk (margin). Margin bir paragraf içindeki bir resmin , paragrafa yakınlık uzaklık değerini tanımlar.Biraz karışık bir durum gibi görülüyor ama aşağıdaki resme bakarak daha iyi anlayabiliriz.

Kenar iç boşluk alanının yüzey rengi veya resmi background niteliği ile belirtilir.
background{color:red;} gibi.

Bir örnekle daha iyi açıklayalım.

      li.cizgili {          /* LI için kenar çizgileri */
        border-style: dashed;  /* Kesik çizgili */
        border-width: medium;  /* Orta kalınlıkta */
        border-color: lime;    /* Açık yeşil renkte */
        background:#bb55cc;    /*mor renkte kenar içi boşluk*/
      }
  • Bu paragraf orta kalınlıkta kesik çigili ve yeşil renkte border içerir.
Bu kodun görüntüsü şu şekildedir;   Genel olarak tanım bu şekildedir. yani kenar içi boşluk(padding), kenar çizgisi(border) ve kenar dışı boşluk(margin). Bu üç özelliğin tanımlamaları farklı farklıdır. Örneğin border için; kenar çizgisi tipi border-style, kenar çizgisi genişliği border-width , kenar çizgisi rengi border-color tanımlanabilir. Bu tanımlamarıda diğer yazımda vermek istiyorum.

Sadece Düşünme, Sende Konuş

WARNING

Your browser does not support JavaScript or has JavaScript disabled!

This will not compromise the possibility to leave a comment, although the automatic insertion of both markup tags and emoticons will not work.

Markup Controls
Emoticons Smile Grin Sad Surprised Shocked Confused Cool Mad Razz Neutral Wink Lol Red Face Cry Evil Twisted Roll Exclaim Question Idea Arrow Mr Green

Takip Etmek İstiyorum

Yazılar e-mailine Gelsin

Email adresini yaz:

Delivered by FeedBurner


RSS İle Takip EdeceğimRSS beslemesi

İstatistik Bilgileri

  • 158 adet yazı var.
  • 896 adet yorum var.
  • 5 Kişi şu anda çevrimiçi
  • 31 aynı anda maksimum kişi
  • 58089 Toplam ziyaretçi