CSS Grid Layout, CSS içinde bulunan en güçlü yerleşim düzenidir. Tek boyutlu flexbox’ın aksine hem sütun hemde satırları işleyebilme özelliğine sahiptir. CSS...
Kategori CSS
CSS Sayfa Düzeni (Layout)
Web sitesi genellikle sahip oldukları başlıkları, menüleri, bir kaç bölümden oluşan içeriği ve alt bilgisi gibi parçalara ayrılır. Hepsi bir düzen içerisinde...
CSS Form Örnekleri
Internet dünyasında web uygulamaları giderek daha da önem kazanmakta ve Formlar ile kullanıcı ile etkileşim inanılmaz derecede kolay hale getirmektedir. Herhangi bir...
CSS :nth-child Kullanımı ve Örnekleri
:nth-child bir formüle göre daha fazla elementi seçmek için kullanılır. CSS 3 Seçiciler içinde “structural pseudo-class” yani yapısal sınıflar kategorisi içinde yer...
CSS Özellik Seçicileri (Attribute Selectors)
CSS, yalnızca öğe türünü göre değil, aynı zamanda öğelerin niteliksel değerlerini bildiren özelliklerine (özniteliklerine) dayalı bir seçim yapmanın ve stil hazırlamanın...
CSS Opaklık ve Saydamlık (Opacity & Transparency)
opacity Özelliği bir HTML öğesinin şeffaflık derecesini ayarlamanızı sağlar. 1.0 ile 0.0 arasında değer almaktadır. 0 değeri tamamen saydam bir görüntü verirken 1.0...
CSS Sözde Sınıf Seçiciler (Pseudo Class)
CSS ile HTML öğelerinin özel durumlarını tanımlamak için sözde sınıflar kullanılır. Örneğin bir öğeye odaklanıldığında, mouse imlecini bir öğenin üstüne getirildiğinde...
CSS Kutu Boyutlandırma – Box Sizing Özelliği
Genişlik (width) ve yükseklik(height) değerlerinin kullanımı oldukça basit görünse de, tarayıcılar bir öğenin sahip olduğu gerçek (actual) yükseklik ve genişlik değerini...
CSS Hizalama
Sayfa tasarımlarında, içerikleri farklı bölgelere yerleştirmek ve düzeni sağlamak için web öğelerinin hizalanması, önemli işlerimiz arasında yer almaktadır. Bu yazımızda...
CSS Dersleri
Web sayfalarımızda içerik HTML öğeleri tarafından betimlenir. Ancak bunu tarayıcınız üzerinde ne şekilde sunulacağını CSS bildirimleriniz tayin eder. Kısaca CSS web...
CSS Float Kullanımı
CSS float özelliği web sayfalarında konulandırma ve düzen için kullanılır. Bir öğenin sayfa akışı içinde hangi yöne yaslanması gerektiğini ifade eder. Ancak bunu...
CSS Overflow Kullanımı
Bir öğenin içeriği, onu kapsayan gösteriminde bulunacak öğenin boyutu için fazla ise, bu durumda içerikte bir taşma meydana gelecektir. Bu gibi durumlarda içeriğinizi...
CSS Konumlandırma – position Kullanımı
CSS ile ilgili en iyi şeylerden biri, içeriği ve öğeleri bir sayfada neredeyse akla gelebilecek herhangi bir şekilde konumlandırıp tasarım yapmamıza ve içeriği daha...
CSS Display Kullanımı
Web sitelerini oluşturmaya başlamak için, belge içinde yer alan farklı içerik öğelerini, sayfa akışını oluşturabilmek içinse hangi HTML öğelerinin ne şekilde...
CSS Tablo Düzenleme
Verileri bir düzen içinde tutmak ve bu verileri kullanıcıların kolay bir biçimde okuyabileceği basit bir yol sağlamak için HTML tabloları kullanılır. Ancak CSS’in...
CSS Liste Düzenleme
Listeler günlük yaşamın bir parçasıdır. Yapılacak iş listeleri, ne yapılacağını belirler. Gezinme rotaları, adım adım yol tarifi listeler aracılığı ile sağlanabilir...
CSS Google Font Kullanma
Google, web’in daha güzel, hızlı ve açık olmasını sağlamak amacıyla web tasarımcıları için büyük bir tipografi dünyasını hizmete sunmuştur. Google Font API...
CSS Font Kullanımı
CSS, sayfadaki metnin görünümünü ve biçimini düzenlemek için birçok farklı özellik sunar. Bu özelliklerden biri de yazı tipleridir. Renkten sonra, yazı tipi muhtemelen...
CSS Link Düzenleme
Link <a> öğesi olarak HTML’de kullandığımız bir bağlantı elemanıdır. Başka bir web sayfasına veya başka bir yere köprü oluşturmak için kullanılır. Temel...
CSS Metin İşlemleri
Eski zamanlardan beri varlığını koruyan hat sanatını bilirsiniz belki. Hat yazı ve çizgi anlamına gelmektedir. Kökleri oldukça eski zamanlara dayanır. Estetik ve görsel...