CSS Öğren
Ücretsiz, interaktif bir CSS kursu. Her derste gerçek HTML'i stillendirirsin - seçiciler, kutu modeli, renkler, fontlar, flexbox, grid, duyarlı tasarım - yazdıkça canlı bir önizleme ve bitirdiğinde ücretsiz bir sertifika ile birlikte. Daha geniş HTML yolculuğunun bir parçası olduğundan, CSS'in ihtiyaç duyduğu işaretleme bağlamı tam orada.
13,993+ codders kayıtlı
119 ders114 görev582 quiz sorusu
- Başlangıç dostu
Yapay zeka destekli kodlama yardımı
Uygulamalı interaktif dersler
Bilgini sınamak için testler
Ücretsiz tamamlama sertifikası
Müfredat
Bu bölüm HTML Journey'nin bir parçası. Tam müfredatta daha fazla bölüm var: Journey sayfasında görmek için aşağıdaki herhangi bir önizlemeye tıkla.
- Bölüm 1Temeller60 ders
Bölüm 2
CSS ile Stil Verme
Bölüme başlaBaşlaWeb sayfalarınızı renkler, düzenler ve stillerle canlandırınGiriş
5 ders540CSS Ekleme
4 ders725Temel Seçiciler
7 ders1247Metin Temelleri
8 ders1450Renkler ve Arka Planlar
5 ders834Kafe Menüsü
Proje3 ders3Kutu Modeli Bölüm 1
6 ders943Kutu Modeli 2. Bölüm
5 ders833Flex Box
6 ders943Giriş Formu
Proje4 ders4Düzen Teknikleri
7 ders1151Duyarlı Tasarımın Temelleri
6 ders1052Tonga Web Sayfası
Proje6 ders6Final Görevler
4 ders4Bölüm 3
CSS Hakimiyeti
Bölüme başlaBaşlaCSS becerilerinizi bir sonraki seviyeye taşıyın!Seçici Uzmanlığı – Kombinasyon
6 ders539Etkileşimli Sözde Sınıflar
5 ders431Yapısal sözde sınıflar
5 ders432Açılır Menü Projesi
4 ders4Görsel Efektler
5 ders536Açılış Sayfası
5 ders5CSS Grid ile İnşa Edin
4 ders426Flavor Fiesta web sitesi
4 ders4Son Meydan Okumalar
5 ders5- Bölüm 4Pratik Ön Yüz35 ders
- Bölüm 5JavaScript Eylemde27 ders
Yaparak Öğren
Gerçek kod yazın, veritabanlarını sorgulayın, web siteleri oluşturun ve AI promptlarını öğrenin. İnteraktif derslerimiz modern geliştiricilerin ihtiyaç duyduğu tüm becerileri kapsar.
Serinizi Oluşturun
Tutarlı olun ve ilerlemenizin büyümesini izleyin! Günlük kodlama alışkanlığınızı takip edin, dondurma günleriyle serinizi koruyun ve her gün geldiğiniz için ödüller kazanın.
12 gün seri
Serinizi korumak için yarın geri dönün!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
Ya Hep Ya Hiç
7 günün 5. günü
Seri Dondurma
2 left
Yolda Kodlayın
Kodlama yolculuğunuzu yanınızda taşıyın! Kurulum yok, indirme yok: sadece açın ve kodlamaya başlayın. iOS, Android ve Web'de 4.9 yıldız puanıyla kullanılabilir.
Yalnız Değilsiniz
Küresel sıralamalarda yarışın, ödüller kazanmak için arkadaşlarınızı davet edin ve birbirinizin başarılarını kutlayın. Kodlama arkadaşlarla daha iyi!
Her şekilde öğren
Okuyun, dinleyin, kendinizi sınayın, AI'ya sorun veya daha önce öğrendiklerinize geri bakın. Her ders size uyum sağlar.
Değişken, programınızda daha sonra başvurabileceğiniz bir değeri saklayan adlandırılmış bir kaptır.
Python'da bir tane oluşturmak için önce adı, sonra eşittir işaretini, sonra saklamak istediğiniz değeri yazın.
Değer zamanla değişebilir. Yeniden atama, adı yeni bir değere yönlendirir.
Sertifika Kazanın
Tamamladığınız her kurs için sertifika kazanın. LinkedIn profilinize ve özgeçmişinize ekleyerek işverenlere programlama uzmanlığınızı gösterin.
Neden CSS'i Coddy ile öğrenmelisin
- CSS'i tarayıcında yaz ve sayfanın canlı olarak yeniden stillendiğini izle. Derleme adımı yok, editör kurulumu yok. Bir seçiciye veya özelliğe yaptığın her değişiklik anında görünür, böylece her kuralın gerçekte ne yaptığını görürsün.
- Temel CSS: seçiciler ve özgüllük, kutu modeli, konumlandırma, flexbox, CSS grid, geçişler, medya sorguları ve duyarlı tasarım. Her ön uç geliştiricinin günlük olarak ihtiyaç duyduğu CSS.
- Yapay zeka ipuçları, herkesi her zaman zorlayan şeyleri ayıklamana yardımcı olur - özgüllük sürprizleri, düzen taşmaları, garip flexbox davranışları - çözümü açık etmeden, böylece CSS sihirli olmaktan çıkıp sezgisel hale gelir.
- Bölümü bitirdiğinde ücretsiz CSS sertifikası. Tam bir ön uç temeli için HTML ve JavaScript kurslarıyla doğal olarak eşleşir.
CSS öğrenmeyle ilgili sıkça sorulan sorular
CSS nedir?
CSS (Cascading Style Sheets), HTML sayfalarının nasıl göründüğünü kontrol eden dildir - renkler, fontlar, boşluklar, düzen, animasyonlar ve ekran boyutları arasında duyarlı davranış. HTML sayfada neyin olduğunu tanımlar; CSS ise bunun nasıl sunulduğunu tanımlar.
CSS öğrenmesi zor mu?
Temel CSS - seçiciler, renkler, fontlar, kutu modeli - birkaç saatte kolayca kavranır. Daha zor kısımlar sonra gelir: özgüllük kuralları, flexbox ve grid düzenleri ve her ekran boyutunda işlerin doğru görünmesini sağlamak. Kurs bunları küçük adımlarla ve canlı bir önizlemeyle tanıtır, böylece her kuralın tam olarak ne yaptığını görürsün.
CSS'ten önce HTML öğrenmeli miyim?
Evet. HTML bir sayfanın yapısını tanımlar; CSS ise onu stillendirir. HTML olmadan stillendirecek hiçbir şeyin olmaz. Bu CSS bölümü tam da bu yüzden HTML yolculuğunun bir parçasıdır - önce HTML temelleri bölümü gelir, ardından yolculuğun büyük bölümünü onu stillendirerek geçirirsin.
CSS, Flexbox ve Grid arasındaki fark nedir?
Flexbox ve Grid, CSS içindeki düzen modülleridir - ayrı teknolojiler değil, CSS özellikleridir. Flexbox tek boyutlu düzenler için en iyisidir (bir sıra kart, bir gezinme çubuğu). Grid ise iki boyutlu düzenler için en iyisidir (bütün bir sayfa, karmaşık bir kart düzeni). Çoğu gerçek site her ikisini de kullanır ve kurs hangisine ne zaman başvurman gerektiğini ele alır.
CSS'i çevrimiçi ücretsiz öğrenebilir miyim?
Evet. İnteraktif CSS bölümü ücretsizdir - tam dersler, kodlama alıştırmaları, canlı bir önizleme ve bir sertifika. Her şey tarayıcıda çalışır, böylece başlamak için herhangi bir editör veya araç kurmana gerek kalmaz.
CSS kursundan sonra sertifika alıyor muyum?
Evet. CSS bölümünü bitirmek sana ücretsiz bir tamamlama sertifikası kazandırır. Bir ön uç portföyünün parçası olarak HTML ve JavaScript sertifikalarının yanında özgeçmişine ekleyebileceğin veya LinkedIn'de paylaşabileceğin, doğrulanabilir bir kanıt.