Menü ve Reklam Alanı
Sayfayı Paylaş

THB - Ücretsiz Hizmetler

cssd9

Ders 9

Tüm CSS değerleri

Değerler genellikle renk – mesafeleri tanımlamak için kullanılır.

4 gruba ayrılır renk – url – uzunluk – yüzde değerleri olarak…

1 Renk Değerleri

Renk değerleri genellikle bir rengin İngilizcesi olarak veya RGB kodlarıyla yazılmaktadır.

Ör 1:

deneme {

color: red;

}

Ör 2:

deneme {

color: #cccccc;

}

Ör 3:

deneme {

color: #f00;

}

Ör 4:

deneme {

color: rgb(191,127,127);

}

Ör 5:

deneme {

color: rgb(75%,0%,0%);

}

CSS3 ile birlikte RGBA (RGB with Alpha channel) renk tanımı da

eklenmiştir. Renk tanımı ile birlikte alfa kanal saydamlık değeri de

atanabilecek.

2 URL Değerleri

 

CSS veri dosyası ve kaynağın yerini belirlemek için URI(Universal

Resource Indicator – Evrensel Kaynak ) kullanır. CSS’de URI genel olarak

iki yerde kullanılır stil sablonlarını eklemek veya Artalan resmi eklemek

için. URL tanımlaması için aşağıdaki gibi bir tanımlama yapılır.

 

url("https://img.webme.com/pic/t/tumhepsiburada/yukari.png")

 

Burada tırnaksız ve tek tırnaklı kullanımları da standarda uygundur.

3 Uzunluk Değerleri

 

CSS’de tanımlanan 8 uzunluk değeri vardır. Bunların üç tanesi

göreceli(relative) uzunluklar ve kalan beş tanesi

kesin(absolute)uzunluklardır.

 

1. Göreceli Uzunluklar

 

Bu değerler diğer uzunluk değerlerine göre görecelidir. Sayfalarımızın

ölçeğinin değiştiği ve çıktısının alındığı durumlarda bu uzunluk değerlerini

kullanmamız bize avantaj sağlayacaktır.

em: Elemanın yazıtipinin yüksekliğidir. Mesela font-size değeri 14 px

olarak atanmış ise 1em 14piksel eşit demektir.

ex: Elemanın "x" harfinin yüksekliğidir. Atanmış olan yazıtipinin küçük "x"

değeri yüksekliğidir.

px: piksel değeri. Eğer monitörünüze yeterince yakından bakarsanız, çok

küçük kutulardan oluşmuş bir ızgaraya benzer. Buradaki her kutu bir

pikseldir. Bu da her monitöre göre farklı değer demektir.

 

2. Kesin Uzunluklar

 

Bu uzunluklar gerçek hayatta kullanılan birimlerdir.

in: inç. 1 inch=2,54 cm’dir. Örn: line-height:0.5in

cm: Santimetre. Bizim gerçek hayatta kullandığımız santimetre değeridir.

Örnek: margin:2cm

mm: Milimetre. Bizim gerçek hayatta kullandığımız milimetre değeridir.

Örnek: letter-spacing:1mm

pt: Point. Standart baskı birimidir. (1pt = 1/72in) Örn: font-size:14pt

pc: Pika. Bir inç’in 1/6 eşit olan bir baskı ölçü birimidir. Bir pika 12

noktaya bölünür. Örnek: font-size:2pc

4. Yüzde Değerleri

 

Yüzde değerleri göreceli değerlerdir. Yüzde değerleri uygulandığı nesnenin

boyutuna bağlı hareket eder.

 

/* elemanın font-size degerinin %150 si dir */

h4 { line-height: 150% }

/* satır genisliginin 10% nu */

p { text-indent: 10% }
Bugün 26 ziyaretçi (501 klik) sitemizi ziyaret etti.

Copyright 2012. THB. Tüm hakları saklıdır. Tasarımlayan: Oğuzhan Acımaz.
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol