Archives for the 'CSS' Category
Css ile zarif arama formları hazırlamak
Özellikle içerik bakımından daha zengin olan web sitelerinde, ziyaretçilerin içeriğe daha kolay ulaşma yollarından birisi de arama yapmaktır. Arama işlemini yapan arama formları ise pek çok web sitesinde özensiz bir şekilde hazırlanmış veya biçimlendirilmemiş oluyor. Oysaki birazcık CSS ve resim desteğiyle çok şık arama formları oluşturabiliriz
1. Arama formunun hazırlanması
İlk önce klasik bir arama formu oluşturalım. […]
Margin Özellikleri
Margin özelliği elementin etrafındaki boşluk olarak tanımlanır. Negatifdeğer alabilir. Tek tek özellikler(margin-top,margin-left vd.) atanabildiğigibi tek bir özellikle(margin) de tanımlama yapılabilir. Margin özelliklerinianlamak için lütfen Box modellerine bir göz atın.
margin-top
margin-right
margin-bottom
margin-left
margin
margin-top
Yapısı : margin-top: <deger>
Aldığı Değerler : <uzunluk değeri > | <yüzde> | auto
Başlnagıç değeri: 0
Uygulanabilen elementler: tüm elementler
Kalıtsallık: Yok
margin-top özelliği elementin üst kenar boşluğunu bellibir değer kadar […]
Kutu Modeli - Padding Özellikleri
Padding içerik alanı ile kenarlık arasındaki alandır.
padding-top
Yapısı : padding-top: <deger>
Aldığı Değerler : <uzunluk değeri > | <yüzde> | inherit
Başlnagıç değeri: 0
Uygulanabilen elementler: tüm elementler
Kalıtsallık: Yok
padding-top özelliği içerik alanı ile üst kenarlık arasındakimesafeyi belirler.
h2 {
padding-left: 0.25in;
}
Browser Uyumu:
Internet Explorer 4+
Netscape 4+
Opera 3.6+
W3C’s CSS Level 1+
CSS Profile 1.0
padding-right
Yapısı : padding-right: <deger>
Aldığı Değerler : <uzunluk değeri > | <yüzde> […]
Float ve Clear özellikler ile konumlandırma
CSS ile sayfa planlamak için kullanılan yöntemlerden bir tanesidir float ve clear özelliklerinin kullanımı. Float bir elementi Normal Akışın dışına çıkarmak için kullanılan bir yöntemdir. Bir biri ardına sıralanmış elementlere float uygulandığında elementler eğer yeterli alan varsa yan yana dizilirler. Float Dinamik Göreceli Konumlandırma gibidir ve bu amaçla kullanılabilir.
Clear özelliği ile float uygulanmış element’den sonraki […]
Font Özellikleri
Font özelliklerini değiştirmeye yarayan bir stil şablon özelliğidir.
<html><body><head><title>Css</title> <style type=”text/css”><!–p{font-size : 12pt;font-family : Arial;font-weight : bold;font-style : italic;color : #00FFFF;}–></style> <body><p>Pc-Kopat</p></body></html>
font-size : Font büyüklüğünü belirtir.
İsterseniz aşağıdaki gibi standart değerleri seçersiniz;
xx-large (en büyük )
x-large (biraz büyük)
large (büyük)
medium (orta)
small (küçük)
x-small (biraz küçük)
xx-small (en küçük)
İsterseniz direkt olarak punto (pt) değerini verebilirsiniz.
font-family: Font tipini belirler.
Arial, Courier, Verdana gibi font […]