BilGen Blog
Yazılım geliştirme, JavaScript, web teknolojileri ve programlama üzerine adım adım rehberler, kod örnekleri ve teknik yazılar.
42 yazı · Sayfa 2 / 3
Web sayfalarında HTML öğelerinin nasıl yerleşeceğini belirlemek için display (görüntüleme) özelliği kullanılır. Display, bir öğenin diğer öğelerle nasıl etkileşime gireceğini ve nasıl görüneceğini belirler. Bu yazıda
Yazıyı oku
Web sayfalarında öğeler arasındaki boşlukları belirlemek, düzenli ve okunaklı bir tasarım oluşturmak için CSS margin özelliği oldukça önemlidir. Margin (kenar boşluğu), bir HTML öğesinin dış tarafındaki boşl
Yazıyı oku
Web geliştirmede, bir öğenin içeriği ile sınırları arasında kalan boşluk padding (dolgu) olarak adlandırılır. Padding, bir öğenin içindeki metin veya diğer içeriklerin kenarlarından ne kadar uzak duracağını belirler. <p
Yazıyı oku
Web geliştirme sürecinde, sayfadaki öğeleri ayırt etmek, vurgulamak veya görsel olarak daha estetik hale getirmek için kenarlıklar (border) önemli bir rol oynar. CSS Border, her HTML elemanının etrafında bir çerçeve oluşturm
Yazıyı oku
Web sayfalarında gördüğümüz her şey, tarayıcı tarafından bir kutu (box) olarak ele alınır. İster bir başlık, ister bir paragraf, isterse bir buton olsun, tüm HTML elementleri aslında birer kutudur. CSS Box Model de tam olarak bu prensip üzerine kuruludur: <ST
Yazıyı oku
CSS kullanırken bazı özelliklerin kendiliğinden alt öğelere geçtiğini, bazılarının ise geçmediğini fark edebilirsiniz. Bu durumun sebebi CSS’de kalıtım mekanizmasıdır. Kalıtım, bazı CSS özelliklerinin ebeveyn öğelerden çocuk öğelerine aktarılmasını ifade eder. Bu yazıda, kalıtımın nası
Yazıyı oku
CSS yazarken özgüllük (specificity), hangi stilin hangi durumda geçerli olacağını belirleyen önemli bir konudur. Bir önceki yazımızda ID'lerin, sınıfların ve etiket seçicilerinin nasıl bir özgüllük sıralaması oluşturduğunu öğrenmiştik. Ancak, CSS'de özgüllük
Yazıyı oku
Web geliştirme yaparken CSS ile ilgili bazı sorunlarla karşılaşabilirsiniz. Örneğin, bir stilin neden uygulanmadığını ya da hangi CSS kuralının öncelikli olduğunu merak edebilirsiniz. İşte tam bu noktada Chrome Developer Tools (Geliştirici Araçları) devreye g
Yazıyı oku
CSS kullanırken bazen yazdığımız stillerin uygulanmadığını veya beklediğimizden farklı sonuçlar verdiğini fark ederiz. Bunun temel sebeplerinden biri, CSS'teki özgüllük (specificity) kavramıdır. Özgüllük, tarayıcının hangi CSS kuralını uygul
Yazıyı oku
CSS, yani "Cascading Style Sheets" (Kademeli Stil Sayfaları), isminden de anlaşılacağı gibi "kademeli" bir yapıya sahiptir. Peki bu kademeli yapı ne anlama gelir? İşte bu yazıda CSS'in "
Yazıyı oku
CSS'te stil verirken sadece HTML elementlerini değil, aynı zamanda belirli durumları ve belirli kısımları da seçebilmemiz gerekir. İşte burada pseudo sınıflar (pseudo-classes) ve pseudo elemanlar (pseudo-elements)
Yazıyı oku
CSS’te elementleri seçmek için birçok yöntem bulunur. Özellik seçiciler (attribute selectors), HTML elementlerini belirli bir özelliğe sahip olmalarına göre seçmemizi sağlayan bir CSS tekniğidir. Özellikle f
Yazıyı oku
CSS'de farklı öğeleri seçmek ve onlara stil vermek için çeşitli seçiciler kullanırız. Bazı seçiciler oldukça yaygın kullanılırken, bazıları daha az bilinir ancak yine de belirli durumlarda çok işe yarar. Bu yazıda, yazılım dünyasına yeni adım atanlar için iki önemli kombinato
Yazıyı oku
Web geliştirmede CSS'in en güçlü yönlerinden biri, belirli öğeleri seçerek onlara stil vermemizi sağlayan CSS seçicileridir. Bu makalede, en yaygın kullanılan seçicilerden biri olan descendant (soydan gelen) seçiciyi</e
Yazıyı oku
Web geliştirme dünyasında CSS, sayfanın görünümünü ve düzenini belirleyen çok önemli bir teknolojidir. CSS kullanarak HTML öğelerine stil vermek için çeşitli seçicilerden faydalanırız. Bu makalede, en sık kullanılan seçicilerden biri olan class (sınıf) seçicisini</STR
Yazıyı oku
Web geliştirme sürecinde HTML ve CSS, bir web sayfasının temel yapı taşlarıdır. HTML sayfanın içeriğini belirlerken, CSS bu içeriğin nasıl görüneceğini kontrol eder. CSS’te öğeleri hedef almanın birçok yolu vardır ve bu yöntemlerden biri de ID seçici kullanım
Yazıyı oku
CSS, web sayfalarının görsel tasarımını oluşturmamıza yardımcı olan bir stil dilidir. Web sayfasındaki belirli elementleri seçerek onlara stil uygulamamıza olanak tanıyan "seçiciler" (selectors) CSS'in temel taşlarından biridir. Bu yazıda,
Yazıyı oku
CSS'in güçlü özelliklerinden biri olan font-family, bir web sayfasında kullanılan yazı tipini belirlememizi sağlar. Metinlerin yazı tipini değiştirmek, tasarımın görsel estetiğini doğrudan etkileyen önemli bir adımdır.
Yazıyı okuÇerez tercihlerin
Platformun çalışması için zorunlu çerezler kullanıyoruz. İzin verirsen anonim kullanım verilerini ölçüyoruz. Ayrıntıları incele