Ege YOLBAŞI

CSS Hover Kullanımı

24th Ekim 0 okunma Yorum Yok

CSS kodlarımızı yazarken en sık yaptığımız işlemlerden biride mouse ile üzerine geldiğimiz nesnenin görsel olarak değişmesidir.Bu işlemi yapabilmek için CSS Hover özelliğini kullanıyoruz.CSS Hover özelliğini birlikte inceleyelim. Hover Nedir ? Hover olayı mouse ile üzerine geldiğimiz bir nesnenin görsel olarak değişmesi olarak tanımlayabiliriz.Yani mouse ile üzerine gelme durumu. Hover Nasıl Kullanılır ? Hover özelliğini tanımlamak istediğimiz html elementinin css kısmının sonuna Devamı

CSS Focus Kullanımı

23rd Ekim 0 okunma Yorum Yok

CSS kodlarımızı yazarken en sık yaptığımız işlemlerden biride odaklanmadır.CSS kodlaması yaparken odaklanma işlemini yapmak CSS Focus özelliği ile oldukça kolay.CSS Focus özelliğini birlikte inceleyelim. CSS Focus Özelliği Nedir ? Fare ile bir nesne üzerine geldiğimizde nesnenin belirgin bir hale gelmesidir.Ancak fare nesne üzerinden çekildiğinde nesne tekrar aynı halini alacaktır. CSS Focus Özelliği Nasıl Kullanılır ? Focus özelliğini Devamı

CSS Margin Kullanımı

17th Ekim 0 okunma Yorum Yok

CSS kodlaması yaparken sayfa içerisinde boşluklar oluşturuyoruz ve bu boşlukların bir kısımını CSS Margin özelliği ile oluşturuyoruz.CSS kodlaması yaparken en sık kullandığımız özelliklerden biri olan Margin tüm tarayıcılar ile uyumlu olup kullanımı ve uygulaması oldukça basittir. Bir önceki yazımda padding kullanımını size anlatmıştım.Aslında margin kullanımı da tıpkı padding gibidir aldığı değerler hemen hemen aynıdır.Ancak margin boşlukları bize dışarıdan verir. Devamı

CSS Padding Kullanımı

17th Ekim 0 okunma Yorum Yok

CSS kodlaması yaparken sayfa içerisinde boşluklar oluşturuyoruz ve bu boşlukları bir kısımını CSS Padding  özelliği ile oluşturuyoruz.CSS kodlaması yaparken en sık kullandığımız özelliklerden biri olan Padding tüm tarayıcılar ile uyumlu olup kullanımı ve uygulaması oldukça basittir. Padding Nedir ? Padding özelliği bir HTML elementinin iç kısmını genişletip belirtilen miktarda genişletip boşluk yaratır. Dikkat Edilmesi Gereken En Önemli Nokta Padding Devamı

CSS z-index Kullanımı

15th Ekim 0 okunma Yorum Yok

CSS kodlarını yazarken genellikle elemanları yan yana veya alt alta dizeriz.Elemanları üst üste almak gerektiğinde ise yardımımıza z-index özelliği koşuyor. z-index özelliğini en basit anlamıyla “z-index elementleri z-ekseninde nerede duracağını belirler, üstte veya altta. z-indeks değeri küçük olan elementler altta büyük olan elementler ise üstte olucaktır. “ şeklinde tanımlayabiliriz. z-index Uygularken Dikkat Edilmesi Gerekenler z-index sadece position değeri Devamı

CSS important Kullanımı

11th Haziran 0 okunma Yorum Yok

CSS yazarken important zaman zaman bir çok yerde hayat kurtarıyor olsa da ben prensip olarak genel olarak kullanmamaya çalışıyorum.important nedir, ne işe yarar nasıl ve kullanılır beraber inceleyelim. important Nedir ? important kelime anlamı olarak önemli demektir.CSS deki anlamı ise öncelik atamak (etkinleştirmek) olarak tanımlayabiliriz. important Kullanımı Görüldüğü gibi css üzerinde ul etiketine verdiğimiz !important Devamı

Font Awesome Nedir Nasıl Kullanılır ?

4th Haziran 0 okunma Yorum Yok

İconlar günümüzde artık tasarımların olmazsa olmazı haline geldi.Durum böyle olunca iconlar için tekrar tekrar css yazmak oldukça zaman kaybettirici ve yorucu oluyor.Tamda bu durumda tekrar tekrar css yazmak yerine Font Awesome imdadımıza yetişiyor.Font Awesome nedir nasıl kullanılır birlikte inceleyelim. Font Awesome Nedir ? Font Awesome iconlardan oluşturulmuş bir fonttur. Font Awesome Nasıl Kullanılır Font Awesome üç şekilde bulunur; CSS Devamı

CSS Position Kullanımı

3rd Haziran 0 okunma Yorum Yok

CSS yazarken sık kullandığımız komutlardan biride position komutudur.Position komutu web sitelerinin artık olmazsa olmazı haline gelmiştir.Oldukça fazla işe yarayan position komutu tam olarak ne işe yarar, aldığı değerler nelerdir ve nasıl kullanılır. Position Aldığı Değerler ve Örnekler Static ve interhit kullanamadığım için örnek ve açıklama kısmını geçiyorum. relative : top, bottom, left ve right özelliklerini kullanmamıza yarar. Devamı

CSS Display Kullanımı

30th Mayıs 0 okunma Yorum Yok

CSS yazarken display komutu oldukça işimize yarar ve sıklıklı kullanırız.Display aslında bir kutu türüdür ve sayfamızdaki elementin nasıl konumlanıcağına, görünüp görünmeyeceğine belirlemimize yardımcı olur. İşlevselliği ve kolay kullanımıyla display oldukça işimize yarar.Peki ama display komutunun aldığı değerler nelerdir ve bu değerler nasıl kullanılır ? none : Nesneyi gizlemeye yarar. display:none; şeklinde kullanılır. <p data-height=”265″ data-theme-id=”0″ data-slug-hash=”mEdvvP” data-default-tab=”html,result” data-user=”yolbasiege” Devamı

CSS Clear Kullanımı

29th Mayıs 0 okunma Yorum Yok

CSS kodlarımızı yazarken float komutunu sıklıkla kullanırız.Ancak bir süre sonra ardı ardına gelen divler sonrası iç içe girmeler ve kodlamada kaymalar kaçınılmaz bir hal alır. Tüm bu iç içe giren divleri ve kaymaları önlemek için css clear:both; komutu imdadımıza yetişiyor.Clear kullanımını aşağıdaki örnek ile daha kolay ve açık bir şekilde anlayabilirsiniz. Clear Nasıl Kullanılır ? left : Devamı

1/212