CSS3 ve HTML Dersleri | Elementlerin Pozisyonları (Position)

Pozisyon ve Katman (Layer) Mantığı CSS’de HTML elementlerinin pozisyonları (position) konusuna hakim olmak tasarımımızın güçlü ve estetik olmasını sağlayacak önemli bir unsurdur.  CSS’de elementlerin pozisyonlarını anlatmadan önce layer mantığını kavramış olmamız gerekir. Layer (katman) mantığından biraz bahsetmek gerekirse, HTML sayfasını öncelikle 2 boyutlu olarak düşünürsek bütün HTML blok seviyesindeki elementler sayfaya yerleştirildiğinde farklı farklı noktalarda […]

CSS3 ve HTML Dersleri | Tablo (Table) Özellikleri

Aşağıda temel olarak html dosyasında tablo oluşturulmuş ve aşağıdaki tüm anlatım ve örnekler bu dosya üzerinden verilmiştir. Tablo Kenarlıkları (Border) / Sınırları Kenarlıklar konusunda anlatılan tüm özellikler tablo işlemlerinde de kullanılabilir. Kenarlık (Border) ve Özellikleri adlı yazıma ulaşmak için tıklayınız. Tablo Kenarlıklarını Daraltma (border-collapse) Tablo ögelerinden tablo başlığı (<th> table head), hüçre içeriklerine (<td> table […]

CSS3 ve HTML Dersleri | Yazı (Text) Özellikleri

Bu yazımda ve eğitimde CSS dilinin text, yazı  özellikleri ve değerlerinin HTML üzerinde yazılara nasıl etki ettiğini göreceğiz. Aşağıdaki HTML kod bloğuna style.css dosyası external olarak eklenmiştir. Her bir özellik maddesi için yazılmış olan style.css dosyasını ayrı ayrı index.html üzerinde deneyebilirsiniz. index.html Yazı Rengi Özelliği (color:) CSS’de color özelliğini en yaygın olarak kullanılan 3 şekli […]

CSS3 ve HTML Dersleri | BoxModel ve Outline

Kutu Modeli CSS’de tüm HTML etiketleri veya elemanları genişliği ve yüksekliği olan bir kutu (box) olarak düşünülür. CSS Kutu modeli (BoxModel) bu mantıkla, HTML etiketinin etrafını saran katmanlar dizisi olup, içeriğin kendisi (content), dolgu (padding), kenarlıklar (border) ve kenar boşluklarından (margin) oluşur. Bir elementin toplam genişlik ve toplam yüksekliği, box model (kutu modeli) kavramındaki elemanların […]

CSS3 ve HTML Dersleri | Margin Özelliği

Margin (Kenar) Özellikleri Margin özelliği CSS’de seçilmiş bir elementin sınırının dışarı doğru mesafesini ifade eder. Daha başka bir tanımla HTML elementlerinin arasındaki dış mesafeyi belirlemek için kullanılan uzunluk ölçüleridir. Genellikle değerleri pixel (px) cinsinden belirtilir ve kullanılır. Yukarıdaki resmi incelediğimizde bir elementin içeriği lila renginde gösterilmiştir. Örneğin bu bir paragraf <p> etiketi olsun. Doğal olarak […]

CSS3 ve HTML Dersleri | Kenarlık (Border) Özellikleri

Kenarlık (Border) Özellikleri Bu dersimizde HTML etiketleri üzerinde kenarlık özelliklerin nasıl atandığını, çeşitlerini ve kullanım şekillerinin anlatılarak öğrenilmesi hedeflenmektedir. Örnekte verilen index.html dosyası üzerine yine örnekleri verilen style.css dosyaları tanımlanarak kendi tarayıcınızda sonuçları gözlemleyebilirsiniz. Kenarlık Çeşitleri (border-style) HTML üzerinde elementlere bir çok çeşitte ve yöntemle border ataması yapabiliriz. Kullanılacak olan border çeşitlerini veya border stillerini […]

CSS3 ve HTML Dersleri | Arkaplan (Background) Özellikleri

Bu dersimizde CSS’de arkaplan özelliklerini ve alabileceği değerleri öğreneceğiz. Aşağıdaki tüm stil özelliklerini HTML sayfası üzerinde kendi editörünüzde deneyebilirsiniz. Arkaplan Rengi (background-color) Bu özelliğin alacağı değerler doğrudan yazılacağı gibi (Ör: red, white, purple, black) HEX renk kodları ve RGB renk skalası kullanılabilir. Arkaplan Resmi (background-image) Örneklerde kullanılan arkaplan resimlerini indirmek için tıklayınız. Arka plan stil […]

CSS3 ve HTML Dersleri | CSS’e Giriş

CSS’e Giriş CSS açılım olarak Cascading Style Sheet (Basamaklı/Katman Katman/Biçimlendirilmiş Sitil Sayfası) olarak ifade edilir. Genel olarak bir örnekle ifade etmek gerekirse CSS’i bir moda tasarımcısı, HTML’i ise bu tasarımcının HTML’in belirli özelliklerine göre tasarladığı kıyafetleri giyen ve gösteren bir model olarak düşüne bilirsiniz. HTML ile CSS daima birlikte anılırlar, CSS’in kendine özgü bir kod […]

CSS Dersleri Yakında Sizlerle…!

CSS (Cascading Style Sheets) derslerimizin çekimlerini yakında başlayacağım, bu zaman zarfında öğrenmek istediklerinizi Soru Sor butonuna basarak bizimle paylaşabilirsiniz. Sitemizi takip eden ve sorduğunuz sorunun cevabını bilen takipçiler ve şahsım sorunuza cevap arayacaklardır. CSS Derslerimiz 15 Kasım 2018 tarihi itibari ile her perşembe ve pazartesi günleri yeni bir konuyla karşınızda olacak. İlk planlamamda yaklaşık 30 […]

Proudly powered by WordPress   Premium Style Theme by www.gopiplus.com