Bu yazımızda CSS ile ‘Fade’ animasyonlu slider yapacağız. Beğendim!6 2
Kategori CSS
CSS Kutu Modeli – Box Model
Tüm HTML öğeleri kutu olarak kabul edilebilir. CSS’de, “kutu modeli” terimi tasarım ve düzen hakkında konuşurken kullanılır. Her öğe dikdörtgen bir...
CSS Yükseklik ve Genişlik
CSS ile bir HTML öğesinin genişliğini ayarlamak için width, yüksekliğini ayarlamak için heigth özellikleri kullanılır. Bu özelliğe bir değeri vermek istediğinizde bunu...
CSS Padding Kullanımı
CSS padding özellikleri, herhangi bir HTML öğesinin kenarları ile içeriği arasında kalan boşluğu oluşturmak için kullanılır. Bir öğenin her bir yanına ait(üst, sağ, alt...
CSS Margin Kullanımı
CSS margin özellikleri ile HTML öğesine ait kenarların (border) dışından başlayarak elemanın çevresinde boşluk oluşturmak için kullanılır. Bu sayede margin kullanımı ile...
CSS Kenarlıklar
Her HTML elementin sahip olduğu bir kenarlığı (Border) mevcuttur. Siz onu biçimlendirmediğiniz sürece görülmez. CSS Border özelliği, bir HTML öğesinin kenarlık stilini...
CSS Arka Plan
CSS Arka Plan Kullanımı HTML öğelerinin arka plan efektlerini tanımlamak için CSS Arka plan özeliklerinden faydalanabilirsiniz. Şimdi bu özelliklerin neler olduğuna ve...
CSS Renkler ile Çalışma
CSS Renkleri Bir web sayfasının görünümüyle oynayacaksanız, doğru yapmanız gereken en önemli işlerden biri renktir. Metni, arka planı, sınırını ve daha fazlasını içeren...
CSS Seçicileri
Bu bölümde tüm seçicileri kapsamayacağız (bu çok uzun ve kafa karıştırıcı olacaktır). Bunun yerine, daha kullanışlı seçicilerden bazılarını inceleyeceğiz ve...
CSS Kuralları
CSS Kuralları Geçersiz Kılma Web uygulamalarımızı oluştururken bazı durumlarda yazdığımız CSS bildirimlerinin görevini yerine getirmediği görülür. Bunun bazı temel...
CSS Kullanımı
CSS Nasıl Eklenir? Web sayfalarınıza Stil enjekte etme yolları nedir? HTML sayfalarınıza CSS eklemenin birkaç farklı yolu vardır. Yani, HTML dökümanınıza CSS...
CSS Söz Dizimi
CSS ‘in bir tasarım dili olduğundan oldukça basit bir söz dizimine sahiptir. CSS, içeriğin farklı bölümlerinin nasıl sunulması gerektiğini tanımlayan bir dizi...
CSS Nedir
Web teknolojilerinde oldukça fazla öneme sahip olan CSS (Cascading Style Sheets) Basamaklı Stil Sayfaları olarak dile çevirebiliriz. Web sayfalarını...
CSS Açılır Menü Yapımı
Daha önceki yazılarda da belirtmiştim. Dolaşım bir sitenin en önemli bileşenidir. Kullanıcının site üzerinde rahat bir şekilde gezinmesi için anlaşılır ve basit olması...
CSS Tablo Biçimlendirme
Web tasarımında tabloların yeri eskiden çok önemliydi. Günümüzde artık sadece kayıtları listelemek için kullanılmakta. Günlük yaşamda tuttuğumuz listeleri, excel...
CSS Örnekleri
Yazı içindeki örnek CSS uygulamaları ile CSS konularını daha kolay kavramanız hedeflenmiştir. CSS Örnekleri bağlantısındaki örnekler resim, tablo, buton, form vb. örnek...
CSS Slider Yapımı
Bu yazımızda CSS ile Basit Slider yapacağız. İlk olarak slidera konulacak resimlerin boyutlarını ayarlıyoruz. Bu örneğimizde ben 700×400 boyutlarda bir resim...
Yatay Açılır Menü Yapımı
Bu yazıda yatay açılır menü yapıp aşamalarını ele alacağız. Menülerin temelinde liste etiketleri kullanılır. Bu yüzden bir tane liste etiketi oluşturarak başlayacağız...
Resmin Yanına Yazı Yazma
Resimlerin soluna yada sağına resim gelmesi için CSS yada HTML ile bir kaç düzenleme yapmamız gerekir. Aşağıda bir kaç örnekle resimlerin soluna ve resimlerin sağına...
CSS Pseudo elements (Sözde Elementler)
Sözde sınıflar gibi sözde elementler tanımlayıp bunları kontrol etmek mümkündür. Tanımlanmış bir elementin özel bir bölümünü düzenlemek ve güncellemek için pseudo...