CSS Eğitimi

CSS ANA SAYFA CSS'ye Giriş CSS Sözdizimi CSS Seçiciler CSS Nasıl Yapılır CSS Yorumları CSS Renkleri CSS Arka Planları CSS Kenarlıkları CSS Marjları CSS Dolgusu CSS Yüksekliği/Genişliği CSS Kutu Modeli CSS Anahattı CSS Metni CSS Yazı Tipleri CSS Simgeleri CSS Bağlantıları CSS Listeleri CSS Tabloları CSS Ekranı CSS Maksimum genişliği CSS Konumu CSS Z-endeksi CSS Taşması CSS Kayan Noktası CSS Satır içi blok CSS Hizalama CSS Birleştiriciler CSS Sözde sınıfı CSS Sözde öğesi CSS Opaklığı CSS Gezinme Çubuğu CSS Açılır Listeleri CSS Resim Galerisi CSS Görüntü Sprite'ları CSS Attr Seçiciler CSS Formları CSS Sayaçları CSS Web Sitesi Düzeni CSS Birimleri CSS Özgüllüğü CSS !önemli CSS Matematik Fonksiyonları

Gelişmiş CSS

CSS Yuvarlak Köşeler CSS Kenarlık Resimleri CSS Arka Planları CSS Renkleri CSS Renk Anahtar Kelimeleri CSS Gradyanları CSS Gölgeleri CSS Metin Efektleri CSS Web Yazı Tipleri CSS 2D Dönüşümleri CSS 3D Dönüşümleri CSS Geçişleri CSS Animasyonları CSS Araç İpuçları CSS Stili Görüntüleri CSS Görüntü Yansıması CSS nesne uyumu CSS nesne konumu CSS Maskeleme CSS Düğmeleri CSS Sayfalandırma CSS Çoklu Sütunları CSS Kullanıcı Arayüzü CSS Değişkenleri CSS Kutu Boyutlandırma CSS Medya Sorguları CSS MQ Örnekleri CSS Esnek Kutusu

CSS Duyarlı

RWD Tanıtımı RWD Görünümü RWD Izgara Görünümü RWD Medya Sorguları RWD Görüntüleri RWD Videoları RWD Çerçeveleri RWD Şablonları

CSS Izgarası

Izgara Girişi Izgara Konteyner Izgara Öğesi

CSS SASS'ı

SASS Eğitimi

CSS Örnekleri

CSS Şablonları CSS Örnekleri css sınavı CSS Alıştırmaları CSS Sertifikası

CSS Referansları

CSS Referansı CSS Seçiciler CSS Fonksiyonları CSS Referansı Sesli CSS Web Güvenli Yazı Tipleri CSS Canlandırılabilir CSS Birimleri CSS PX-EM Dönüştürücü CSS Renkleri CSS Renk Değerleri CSS Varsayılan Değerleri CSS Tarayıcı Desteği

CSS Renkleri


Renkler, önceden tanımlanmış renk adları veya RGB, HEX, HSL, RGBA, HSLA değerleri kullanılarak belirlenir.


CSS Renk Adları

CSS'de, önceden tanımlanmış bir renk adı kullanılarak bir renk belirtilebilir:

Domates
Portakal
DodgerMavi
OrtaDenizYeşil
Gri
arduvaz mavisi
Menekşe
Açık gri

CSS/HTML 140 standart renk adını destekler .


CSS Arka Plan Rengi

HTML öğeleri için arka plan rengini ayarlayabilirsiniz:

Selam Dünya


Acının kendisi aşktır Bu yüzden, normal uygulamamızın sonuçlardan yararlanmak için katlandıkları en ufak bir şey geliyor.

Örnek

<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>


CSS Metin Rengi

Metnin rengini ayarlayabilirsiniz:

Selam Dünya

Acının kendisi aşktır

Bu yüzden, normal uygulamamızın sonuçlardan yararlanmak için katlandıkları en ufak bir şey geliyor.

Örnek

<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>

CSS Kenarlık Rengi

Kenarlıkların rengini ayarlayabilirsiniz:

Selam Dünya

Selam Dünya

Selam Dünya

Örnek

<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>

CSS Renk Değerleri

CSS'de renkler RGB değerleri, HEX değerleri, HSL değerleri, RGBA değerleri ve HSLA değerleri kullanılarak da belirlenebilir:

"Domates" renk adıyla aynı:

rgb(255, 99, 71)
#ff6347
hsl(9, %100, %64)

"Domates" renk adıyla aynı, ancak %50 şeffaf:

rgba (255, 99, 71, 0.5)
hsla (9, %100, %64, 0,5)

Örnek

<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>

<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>

Renk Değerleri hakkında daha fazla bilgi edinin

Sonraki bölümlerde RGB , HEX ve HSL hakkında daha fazla bilgi edineceksiniz .