Youtube Channel
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 */