#css3 – Sayfa 2

“CSS Layout – Overflow: İçeriği Yönetme Sanatı”

Mart 7, 2024porsukcansu@gmail.comLeave a Comment

Web geliştirme sürecinde, belirli bir elemanın içindeki içeriği nasıl yöneteceğiniz önemli bir konudur. CSS’in overflow özelliği, içeriği kontrol etme ve taşan içerikle başa çıkma konusunda güçlü bir araçtır. Bu blog yazısında, overflow özelliğini kullanarak içeriği nasıl yöneteceğimizi anlayacağız. Temel Kullanım: overflow özelliği, bir elemanın içeriği sığdıramadığı durumlarda nasıl davranacağını belirler. Temel kullanım şu şekildedir: Yukarıdaki […]

“CSS Layout: The Display Property ile Sayfa Yapısını Şekillendirme”

Mart 3, 2024porsukcansu@gmail.comLeave a Comment

CSS, web sayfalarının düzenini ve görünümünü kontrol etmek için bir dizi özellik sunar. Bu yazıda, sayfa düzenini şekillendirmek için önemli bir CSS özelliği olan display özelliğini inceleyeceğiz. display özelliği, HTML öğelerinin sayfa üzerinde nasıl görüneceğini belirlemenin güçlü bir yolunu sağlar. Temel Bilgiler display özelliği, bir HTML öğesinin tipini veya davranışını belirler. Bu özellik sayesinde, öğelerin […]

“CSS Tables: Tasarım ve Yapılandırma İçin Tablo Stilleri”

Mart 2, 2024porsukcansu@gmail.comLeave a Comment

Web tasarımında tablolar, verileri düzenlemenin ve düzgün bir şekilde göstermenin temel bir yoludur. CSS ile tabloları özelleştirmek ve stillemek için kullanılan tekniklere odaklanan bu yazıda, temel tablo stillemelerini göreceğiz. 1. Temel Tablo Yapısı: HTML’de bir tablo oluşturmak için temel yapı şu şekildedir: 2. Temel Stillemeler: CSS ile tabloyu temel olarak stillemek için: Bu basit stillemeler, […]

“CSS Lists: İşte Listeleri Düzenlemenin ve Süslemenin Yolları”

Mart 1, 2024porsukcansu@gmail.comLeave a Comment

1. Temel Liste Stilleri: HTML’de sıkça kullanılan liste türleri; <ul> (unordered list – sırasız liste) ve <ol> (ordered list – sıralı liste)’dir. 2. Liste Stillerini Özelleştirme: CSS kullanarak liste stillerini özelleştirebiliriz. Aşağıdaki örnek, sırasız listeyi noktalı daireler haline getirir: 3. Liste Elemanları Arası Boşluk: Liste elemanları arasındaki boşluğu belirleyebiliriz: 4. Sıralı Listelerde Rakamları Gizleme: 5. […]

“CSS Links ile Web Sayfalarını Şıklığa Kavuşturun”

Şubat 29, 2024porsukcansu@gmail.comLeave a Comment

Web sayfaları, kullanıcı deneyimini zenginleştirmek ve estetik bir görünüm sağlamak için CSS (Cascading Style Sheets) kullanır. Bu yazıda, özellikle bağlantı elementlerini (link) hedefleyerek CSS kullanma konusunu keşfedeceğiz. Bu sayede, web sitenizin bağlantıları üzerinde daha fazla kontrol sahibi olabilir ve kullanıcıların sayfanızda rahat gezinmelerini sağlayabilirsiniz. 1. Temel Bağlantı Stilleri: CSS ile bağlantılar üzerinde temel düzenlemeler yapmak […]

“CSS ile Metin Düzenleme: Font, Renk ve Stil”

Şubat 27, 2024porsukcansu@gmail.comLeave a Comment

CSS (Cascading Style Sheets), HTML dokümanlarına stil ve düzen eklemek için kullanılan güçlü bir araçtır. Bu yazıda, CSS kullanarak metinleri nasıl düzenleyeceğinizi keşfedeceğiz. 1. Font Ayarları Metinlerin fontu, yazı tipi boyutu ve stili gibi özelliklerini CSS ile özelleştirebilirsiniz. Bu örnekte, font-family ile metnin kullanılacak fontu belirlenirken, font-size ile font boyutu, font-weight ile kalınlık ve font-style […]

“CSS Box Model: Elementlerin Yapısını Anlamak”

Şubat 25, 2024porsukcansu@gmail.comLeave a Comment

Web tasarımında, HTML elementlerinin düzenini ve yerleşimini kontrol etmek için CSS Box Model kullanılır. Her HTML elementi, bir kutu olarak düşünülür ve bu kutu içerisinde içerik, kenar boşluğu (padding), kenarlık (border) ve dış boşluk (margin) gibi özelliklere sahiptir. CSS Box Model, bu yapıyı anlamamıza ve tasarımımızı daha etkili bir şekilde düzenlememize yardımcı olur. Box Modelin […]

“CSS Padding: Elemanlara Alan Kazandırma Sanatı”

Şubat 23, 2024porsukcansu@gmail.comLeave a Comment

Cascading Style Sheets (CSS), web sayfalarını görsel olarak düzenlemek için kullanılan önemli bir araçtır. Bu yazıda, özellikle CSS’nin bir özelliği olan “padding” ile tanışacağız. Padding, bir HTML elementinin içeriği ile sınırları arasındaki boşluğu kontrol etmek için kullanılır. Padding Nedir? Padding, bir HTML elemanının içeriği ile sınırları arasındaki alanı belirler. Bu, bir elementin içeriğini sınırlarından uzaklaştırarak […]

“CSS Margins Nedir ve Nasıl Kullanılır?”

Şubat 22, 2024porsukcansu@gmail.comLeave a Comment

CSS (Cascading Style Sheets), web sayfalarının stilini belirlemek için kullanılan bir dilidir. Bu dil, öğelerin düzenini ve görünümünü kontrol etmek için bir dizi özellik içerir. Bu yazıda, özellikle “margins” yani marjlar konusuna odaklanacağız. 1. Temel Marjlar (Top, Right, Bottom, Left): Temel marjlar, bir öğenin dört tarafında yer alan boşluklardır. margin-top, margin-right, margin-bottom, ve margin-left özellikleri […]

“CSS Borders: Elementlerinizi Çerçeveleyin!”

Şubat 21, 2024porsukcansu@gmail.comLeave a Comment

Web sayfalarının tasarımında önemli bir rol oynayan CSS borders (kenarlıklar), bir elementin sınırlarını belirlemek ve ona çerçeve eklemek için kullanılan temel bir özelliktir. Bu yazıda, CSS borders’ın nasıl kullanılacağını ve çeşitli özelliklerini nasıl özelleştirebileceğinizi inceleyeceğiz. Temel Border Kullanımı CSS borders eklemek için border özelliğini kullanabilirsiniz. Aşağıdaki örnek, bir div elementine basit bir çerçeve eklemektedir: Bu […]