CSS’te Renk Tanımı ve Tablo Düzenleme

Renk

Renkler, ilgili herhangi bir CSS kodu kullanılarak web sitesine veya blog’a uygulanabilirler. Metin rengini ayarlamak için color, arka plan rengini ayarlamak için background -color ve kenarlık rengini ayarlamak için border - color özelliği kullanılmaktadır.

Renk Adı: Renk adı doğrudan beyan edilerek renk bildirilebilir. Adlandırılmış renkler İngilizce isimleriyle bildirilmek zorundadırlar ve büyük / küçük harfe duyarlı değillerdir.

Onaltılık Kod (Hexadecimal Code): Renk, her 2 hanenin kırmızı, yeşil, mavi renklerini temsil ettiği 6 basamaklı onaltılık sayı kullanılarak bildirilebilir.

RGB Kodu: İstenilen rengi elde etmek için ne kadar kırmızı, yeşil ve mavi rengin kullanıldığı bildirilen RGB yöntemi kullanılarak da renk seçimi yapılabilir.

Renk (color): Renk özelliği, metnin ön plan rengini değiştirmek için kullanılır. Color özelliği bütün tarayıcıların ilk sürümünden itibaren desteklenmektedir.

Arka Plan (background): Arka plan renklerini bildirmek için background -color özelliği kullanılır.

SPAN

<span> etiketi, satır içi öğeler ve içerik için genel bir satır içi kapsayıcıdır.

Tablo Düzenleme

Kenar (border): CSS’de tablo kenarlığını belirtmek için border özelliği kullanılır. Border özelliğinin, border -width (kenarlık genişliği), border -style (kenarlık stili) ve border -color (kenarlık rengi) olmak üzere üç alt özelliği bulunmaktadır.

Kenar Daraltma (border- collapse): Tablo kenarlıklarının tek bir kenarlığa daraltılması veya standart HTML'deki gibi mi ayrılacağını belirler. Tablo hücreleri etrafındaki kenarlık ile olan mesafeyi düzenlemeye olanak sağlar.

Yükseklik ve Genişlik (height ve width): Tablonun ve tablodaki hücrelerin genişlik ve yüksekliği, height ve width özellikleri tarafından tanımlanır. Yüksekliği ve genişliği bildirmek için yüzdelik değerler (%, em) veya tam değerler (piksel, pt, cm) kullanılabilir.

Dolgu (padding): Padding özelliği, ve etiketlerinin içerisindeki içeriğe fazladan bir dolgu alanı ekler. Bir etiketin dolgusu (padding), etiketin içeriği ile sınırı arasındaki boşluktur. Padding özelliği, aslında padding- top, padding -right, padding -bottom ve padding -left özellikleri için bir kısa yol özelliğidir.

Kenar Boşlukları (margin): CSS margin özelliği, etiketlerin etrafında, tanımlanmış sınırların dışında boşluk oluşturmak için kullanılır. Margin özelliği ile kenar boşlukları üzerinde tam kontrol kullanıcıda olmaktadır. Bir etiketin her bir tarafı için kenar boşluğunu ayarlama özellikleri bulunmaktadır.

Margin ve Padding: Padding (dolgu), bir eleman içinde fazladan boşluk yaratırken, margin (kenar boşluğu) bir elemanın etrafında fazladan boşluk yaratır.

Tablo Rengi: Tabloyu görsel olarak daha çekici hale getirmek için tablodaki arka plan rengi ve metnin rengi değiştirebilir. Arka plan rengi için background -color özelliği ve metin rengi için color özelliği kullanılır.

Hover Seçici: Hover seçici, fare üzerine getirildiğinde belirli bir hücreyi veya sırayı vurgulamayı sağlar.

Şeritli Tablo: Şeritli tablo oluşturmak için “nth -child” seçicisi kullanılabilir. Tek veya çift numaralı tablo sırası seçilerek ikisinden birinin veya ikisinin de arka plan rengi değiştirebilir.