#CSS – Sayfa 4

“CSS Layout: width ve max-width Kullanımı ile Esnek Tasarımlar Oluşturmak”

Mart 4, 2024porsukcansu@gmail.comLeave a Comment

Web tasarımında, sayfaların boyutlandırılması ve düzenlenmesi önemli bir rol oynar. Bu bağlamda, CSS’de width ve max-width özellikleri, sayfa elemanlarının genişlik ayarlamalarında önemli bir rol oynar. İşte bu özellikleri anlamak ve kullanmak için örnek kod blokları içeren bir rehber: width Özelliği: width özelliği, bir elemanın genişliğini belirlemek için kullanılır. Bu özellik, sabit bir genişlik değeri, yüzde […]

“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 Outline: Temel Bilgiler ve Kullanımı”

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

Web geliştirmeye yeni başlayanlar için, CSS’deki “outline” özelliği, bir öğenin çevresine çizilen bir çerçeve veya hatadır. Bu özellik, özellikle bağlantılar, butonlar veya formlar gibi etkileşimli öğeleri vurgulamak veya belirginleştirmek için sıklıkla kullanılır. Yukarıdaki örnek, bir HTML öğesine (element) bir “outline” ekler ve bu öğenin etrafına 2 piksel kalınlığında mavi bir çerçeve çizer. Ayrıca, fare öğenin […]

“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’de Height, Width ve Max-width Kullanımı: Detaylı Rehber ve Örnekler”

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

Web tasarımında, sayfalarımızın düzenini belirlemek ve öğeleri yerleştirmek için genellikle CSS kullanırız. Bu yazıda, özellikle Height, Width ve Max-width özelliklerini kullanarak sayfalarımızın tasarımını nasıl şekillendirebileceğimizi inceleyeceğiz. 1. Height ve Width Özellikleri: Bu özellikler, bir HTML öğesinin yüksekliğini (Height) ve genişliğini (Width) belirlememizi sağlar. Örneğin, bir kutu oluşturmak ve bu kutuya belirli bir yükseklik ve genişlik […]

“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 […]