HTML’de metin öğeleri ile çalışırken metinlerde çeşitli düzenlemelere ihtiyaç duyarız. CSS metinler üzerinde renk, arkaplan, boşluk...
Kategori CSS
HTML CSS Div Gölge Efekti Verme
Web geliştiricileri, Angular, React, Vue.js gibi bir çerçeve ile yeni bir şey yapmak zorunda olduklarında çerçevenin sınırlılıkları...
Web Site Örnekleri
Web site tasarımlarınıza fikir vermek yada sitelerinizde doğrudan(tabi az da olsa HTML biliyor olmasınınız) kullanabileceğiniz ücretsiz...
HTML CSS Flex Sayfa Tasarımı
Bu çalışmada basit bir sayfa tasarımı nasıl oluşturulacağı anlatılmıştır. Aşağıda bağlantılarını paylaştığım flex tasarımları gibi bu...
HTML CSS Örnek Sayfa Tasarımı
HTML ve CSS kavramlarını yeni öğrenmeye başlayanlar için tasarlanmış blok yapısına sahip olan bir şablon sayfa tasarımıdır. CSS’de...
HTML CSS ile Web Sayfası Oluşturma (Flex)
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ü...
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...