CSS RENK TANIMLAMALAR VE ZEMİN RENGİ

CSS özellikleri içinde en sık kullanılan özellik renk tanımlamalarıdır. Bunun için color özelliğinden faydalanıyoruz. Renkleri tanımlarken de bir kaç yoldan yararlanabiliyoruz. Üç farklı yollarla renkleri tanımlayabiliyoruz. Birincisi direkt rengin adını vermek: red,teal,gray, black, white gibi.

İkinci yol rengin Hexadecimal kodunu vermek. Hexadecimal olarak kodu vermek için başında # kullanmak zorundayız. #33FFAA gibi..

Son tanımlamamızda rengin decimal kodunu vermek, decimal kodu verirken de RGB kodu dikkate alınıyor ve R,G,B formatına uygun olarak değerler veriliyor değerlerdede virgüller ile ayrılarak yazılıyor. örnek: 51,204,51 gibi.

Bir örnekle konuyu açıklayalım.

CSS:

p{color:darkred;}

span{color:#708090;}

HTML:

<p>Bu bir deneme yazısıdır.</p> 

<span>Bu bir deneme yazısıdır.</span>

ÇIKTI:

ZEMİN RENGİ

"background-color" özelliği öğelerin (etiketlerin) zeminine renk vermek için kullanılır. Renk belirlemek için "Renk tanımlamalar" ele aldığımız yöntemlerden istediğimizi seçebiliriz. Ancak en çok tercih edilen Hexadecimal kodu verilerek yapılandır.

Konuyu bir örnekle açıklayalım.

CSS:

h1{background-color:#0066ff}

p{background-color:#9a9a9a}

span{background-color:#fef668;}

HTML:

<h1>BU BİR BAŞLIKTIR</h1>

<p>Bu bir deneme yazısıdır</p>

<span>Bu bir deneme yazısıdır.</span>

ÇIKTI:

Websitemizin zemin rengini değiştirmek için Body özelliğine style tanımlaması yapmalıyız.

CSS:

body{background-color:#a7a7a7}