css te renkler ve uzunluk değerleri

css te renkler tanımlanırken ya bir anahtar sözcük yada sayısal olarak RGB(red-green-blue) tanımlanır.

anahtar tanımlama örnek verecek olursak;

body {color: black; background: white }
h1 { color: maroon }
h2 { color: olive }

verilebilir.

css te renklerin anahtar sözcükleri: black, silver, gray, navy, blue, aqua, teal, purple, fuchsia, white, lime, green, maroon, red, orange, yellow, olive. dir

Bu renklerin RGB değerleri aşağıdaki resimdeki gibidir.(resim W3C den alıntıdır.)

Renk değerleri RGB olarakta aşağıdaki örnekteki gibi tanımlanabilir;

h1 { color: #f00 }              
h1 { color: #ff0000 }          
h1 { color: rgb(255,0,0) }
h1 { color: rgb(100%, 0%, 0%) }

UZUNLUK DEĞERLERİ : css te tanımlanan 8 uzunluk değeri vardır.
bunların 3 tanesi göreceli( relative),  5 tanesi kesin(absolute)dir.
göreceliler; bu değerler göreceli olduğundan sayfanın çıktısının alındığı durumlarda
kullanılmalıdır.
em:elemanın yazı tipi yüksekliğidir. 1em=14px dir.
ex:elemanın "x harfi yüksekliğidir."
px: bilindiği gibi ekran piksel denen küçük noktacılardan oluşur. burdaki değerde
bu yüzden görecelidir.
Kesin uzunluklar:
in:inç 1inç=2,54cm dir.
cm:bilinen santimetre uzunluğudur.
pt: point.standart baskı birimidir.(1pt=1/72inç)dir.
pc:pika. 1inçin 1/6 sı kadar olan baskı ölçü birimidir.
web tasarımı yaparken genelde px ve em cinsinden değerler verilir.diğer uzunluklar
daha çok masaüstü yayıncılıkta kullanılırlar.

7 KonuşmaTartışın, Konuşun


1
sedanur
23 Kasım 2008

bence saçma ben renklerin değerlerini istedim siz ingilizceleini veediniz saçmalıkkkkkk

:x :evil:


2
ercani
23 Kasım 2008

:D sedanur hakikaten komik yaptığın sanırım css ten pek anlamıyorsun.
Yukarıdaki resimde #ff0000 gibi değerler hexadecimal değerlerdir. İstersen css te bu değeri kullanabilirsin. Yada renklerin yukarıdaki ingilizce terimlerini kullanırsın. Örneğin;
{background-color: black} dersen arkaplan siyah olur. umarım anlatabilmişimdir


3
pelin
15 Mart 2009

yuhb yaa bişi demiorum ingilizce istemedik


4
aslı
05 Mayıs 2009

ben bu siteyi çok beğendim


5
aslı
05 Mayıs 2009

:arrow: ben bu siteden gerektiğimi aldım çok teşşekkür ederim
:cool:


6
su
17 Mayıs 2009

ingilizce ne isime yarıycaksa çok saçma :x


7
samet
28 Mayıs 2009

çok super hacer senı sewiyorum

Markup Controls
Emoticons Smile Grin Sad Surprised Shocked Confused Cool Mad Razz Neutral Wink Lol Red Face Cry Evil Twisted Roll Exclaim Question Idea Arrow Mr Green

NOT:Kod Eklerken, kodu yazdıktan sonra kodları işaretleyip "Kod Ekle" butonuna basalım.