reeder2-160x600-fil

Dost siteler

KİTAP OKU

http://www.kitapoku.info

NUREFSAN.NET
http://www.nurefsan.net

DUALAR.INFO DİNİ İÇERİK
http://dualar.info

YEMEKTARİFLERİ
http://www.yemektariflerim.eu

Ukrayna'da Eğitim
http://www.egitim.com.ua

KİTAP ÖZETLERİ

http://www.kitapozeti.org

45 ziyaretçi ve Sıfır kullanıcı çevrimiçi

Position Özelliği

Html’de kullandığımız Layer (katman) etiketlerinin html üzerindeki yerleştirme işlemi için kullanılır. Hemen bir örnek ile görelim.

PRIVATE<html>
<head>
<title>Css</title>
<style type="text/css"><br /> <!--<br /> div {<br /> position:absolute;<br /> top:20px;<br /> left:10px;<br /> width:200px;<br /> height:200px;<br /> clip:auto;<br /> overflow:scroll;<br /> z-index:auto;<br /> visibility:visible;<br /> }<br /> --><br /> </style><br /> <body><br /> <div><br /> Web Teknikleri<br><br /> Html<br><br /> Javascript<br><br /> Css<br><br /> Grafik<br><br /> </div><br /> <p> Web Teknikleri<br /> </body><br /> </html> <o:p></o:p></span></p> </td> </tr> </tbody> </table> <p class="MsoNormal">


position :

absolute : Katmanın yerinin kesin olarak belirlenmek istendiğinde kullanılır.
relative : Katmanın yerinin göreli(diğer öğelere göre değişebilen) olarak belirlenmek istendiğinde kullanılır.
static : Katmanın yerinin sabit olarak belirlenmek istendiğinde kullanılır.

top : Katmanın üst kısımdan kaç piksel aşağıda olması gerektiğini belirler.

left : Katmanın sol kısımdan kaç piksel aşağıda olması gerektiğini belirler.

width : Katmanın genişliğinin kaç piksel olacağını belirler.

height : Katmanın boyunun kaç piksel olacağını belirler.

clip : Katmanın görünmesi istenen bölgeyi içeren kutucuk.

overflow : Katmanın belirtilen yükseklik ve genişliğe sığmayan kısmına ne olacağını belirler.
auto : Otomatik olarak belirlenir.

scroll : Kaydırma çubukları ekler.

visibility : Katmanın görünebilirlik ayarı yapar
visible : Görünür hale getirir.
hidden : Gizler.

z-index : Katmanın sayfa üzerindeki sıra sayısı.

Seçiciler (Selectors)

Css’te seçiciler en çok kullanılan öğelerdendir. Örneğin <h1> etiketine Css yardımıyla belli bir şablon yüklediniz. Ama sayfanızda kullanacağınız <h1> etiketlerinin tümünün aynı şekilde olmasını istemiyorsunuz. Bu durumda bize seçiciler yardımcı olur.

İki çeşit seçici göreceğiz. Bunlar :

  • Id Selector (Id seçicisi)
  • Class Selector (Sınıf Seçicisi)