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)


