BilGen Blog
HTML, CSS, JavaScript, React ve Node.js konularında açıklamalı kod örnekleri, uygulamalı ders notları ve yazılım geliştirme rehberleri.
377 yazı · Sayfa 9 / 21
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
CSS ile metinlerin boyutunu kontrol etmek için kullanılan özellik font-size özelliğidir. Bu özellik, web sayfanızdaki yazıların boyutunu belirlemenize olanak tanır. Yazı boyutunu ayarlamak oldukça basittir, ancak CSS’te boyutlar için ku
Yazıyı oku
CSS ile metinleri şekillendirmek, bir web sayfasını hem görsel açıdan daha çekici hale getirir hem de okunabilirliğini artırır. Bu yazıda, metinleri hizalamak, kalınlaştırmak, süslemek ve aralarındaki boşlukları kontrol etmek gibi yaygın CSS özelliklerini detaylı bir şekilde ele alacağız. Yazı
Yazıyı oku
CSS'te renkleri tanımlamak için kullanılan birçok yöntem bulunmaktadır. Bunlardan biri de hexadecimal renklerdir. Hexadecimal renkler, RGB (kırmızı, yeşil, mavi) renk modeline dayanır ve web geliştirme dünyasında oldukça yaygın bir şekilde k
Yazıyı oku
CSS, bir web sayfasının görselliğini tamamen değiştirebileceğimiz güçlü bir araçtır. Bu yazıda, CSS’in en temel ve yaygın olarak kullanılan özelliklerinden ikisi olan color ve background-color özelliklerini inceleyeceğiz. Yeni başlayanlar için bu ö
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