CSS Flex özelliği kullanarak hazırladığım bu basit çalışma ile bir web sayfası tasarımı yapılırken dikkat edilecek noktaları mobil görünümü...
Kategori CSS
CSS ile Listeleme İşaretlerini Kaldırma
Bu yazımızda <ul> ve <ol> listelerinin başındaki madde işaretlerini nasıl kaldıracağınızı göstereceğiz. Bir listenin başındaki madde...
HTML ve CSS Kodları ile Site Yapımı (Flex)
Bu içerikte HTML CSS kullanarak bir sitenin şablon tasarımını göreceksiniz. Sitemizde daha önce yayınlanan HTML CSS Sayfa Div Örnekleri...
CSS px, em, rem Kullanımı
CSS ile uygulamalarımızda tasarımlar yaparken sıklıkla ölçü birimlerini birlikte kullanırız. Ancak bu ölçü birimlerinin arasındaki farklar...
CSS ile Checkbox’ lara Stil Verme (Kod + Video)
HTML ile oluşturulmuş formlar ve form elemanlarının göze hitap etmesi için CSS ile ufak dokunuşlar yapabiliriz. Bu örnekte HTML sayfasına...
CSS ve DIV Kullanarak Web Sayfası Örneği -4-
Bu videoda HTML5 etiketleri( header, article, main vb.) kullanarak basit bir sayfa tasarımı yapılmıştır. Tasarımın CSS kodlamasında menü...
CSS ile Shadow (Gölge) Efekti Verme
CSS Shadow (Gölge) Efekti Verme CSS ile metne ve öğelere gölge ekleyebilirsiniz. Bu bölümde aşağıdaki özellikleri öğreneceksiniz: text...
CSS Uzunluk Birimleri Rehberi
Temel olarak, CSS uzunluk birimleri web sitelerinin ölçülmesinde ve oluşturulmasında önemli bir role sahiptir. Kenar boşlukları ve dolgular...
CSS ile HTML Nesnelerini Yatay ve Dikey Ortalama
HTML nesnelerini yatay ortalama yapmak kolay olmasına rağmen dikeyde ortalama için çok farklı yöntemler denemek gerekir. Bunlardan en...
CSS Örnekleri : 🇹🇷 İstiklâl Marşı (Video)
HTML’ye uğraşmaya başladıktan sonra, muhtemelen web sayfalarınıza daha fazla güç katmakla ilgileneceksiniz. CSS bunu yapmanın en iyi...
HTML + CSS Satranç Tahtası Yapımı
Bu yazıda HTML ve CSS kullanarak satranç tahtası ve satranç taşlarının yapını gösteren videoyu inceleyebilirsiniz. Örneğimizde HTML tablo...
CSS Link Altındaki Çizgiyi kaldırma
HTML ve CSS kodlamaya yeni başladıysanız, <a> link etiketlerinin altındaki çizgiyi nasıl kaldıracağınızı aramışsınızdır. İşte bu...