CSS Örnek Kodlar
Css ile tekrarlanmayan arka plan resmi yapmak için öncelikle arka
plana bir resim atamak gerekir. Bunu background-image : url(resmim);
kodu ile yaparız.
Daha sonra bu resmin tekrarlanmasını önlemek için background-repeat:no-repeat
komutunu vermek gerekir.
En son olarak resmi ortalamak için background-position : center
komutunu vereceğiz
Şu kodda olduğu gibi :
BODY
{
BACKGROUND-IMAGE : URL(./bayrak.gif);
BACKGROUND-REPEAT: NO-REPEAT;
CSS, web kodlayıcılarına
(X)HTML dökümanlarına stil uygulamalarını sağlar. (X)HTML kodu ile
stil kodunu birbirinden ayırarak web kodlayıcılara büyük kolaylıklar
sağlar. Burada genel kullanılan CSS özelliklerini hep beraber tek
tek kısaca inceleyeceğiz.
Burada tanımlanacak CSSözellikleri 15 Haziran 2005′de yürürlüğe
giren CSS2.1 standartlarına göre yazılmıştır.
Sırası ile aşağıdaki özelliklere değinilecektir.
Zemin (Background) Özellikleri
Kenarlık (Border) Özellikleri
CSS:kodlama
yaparken bizim bazı kısaltmaları kullanmamıza izin verir. Böylece
hem fazla kod yığınından kurtulmuş oluruz, hemde sayfa boyutlarını
en aza indirmiş oluruz.
1. Font
Normalde bir font tanımlarken 4 adet CSS kodu kullanılır:
view sourceprint?1.font-weight: bold;
2.font-family: verdana, sans-serif;
3.font-size: 11px;
4.line-height: 15px;
Kısaltma olarak kullanlan kod ise tek satır:
view sourceprint?1.font: bold 11px/15px verdana, sans-serif;
Bu makalede CSS’de
kullanılan tüm birimleri göreceğiz. Birimler genelde mesafe ve
renkleri tanımlamak için kullanılır. Birimleri dört gruba ayıra
biliriz. uzunluk birimleri, yüzde
birimleri, renk birimleri ve URL
birimleri
Pseudo sınıf ve
elementleri CSS’i destekleyen web tarayıcıları tarafından otomatik
olarak tanınan özel sınıf ve elementlerdir. Bu sınıf ve elementler
(x)html hiyerarşisi ile erişemediğimiz element ve sınıflara
erişmemizi sağlar. Pseudo sınıfı bir elementi
farklı sınıflara böler(örn: link elementini active, visited vd.
sınıflarına böler) Pseudo elementi ise bir elementi
alt kısımlara böler (örneğin bir paragrafın ilk harfi, bir
paragrafın ilk satırı gibi.)
CSS ile tanımlama
yaparken Xhtml nesnelerine erişmede bazen sıkıntı çekeriz. Ne yapsak
da bu elemente atama yapsak diye bu genelde programcı - Arayüz Kod
Yazarı ayrımının olduğu projelerde çok başımıza gelir. Bu sorunu
kökünden çözen bir yöntemdir Özellik Seçicileri.
CSS’in yapısı iki ana
kısımdan oluşur. Seçiciler(Selector) ve Bildirim Bloğu(Declaration
Block). Bildirim Bloğuda iki ye ayrılır. Özellik(Property) ve Değer(Value).
| Kod Alanı: | ||||
|