CSS Dersleri – Web Tasarım & Programlama

Etiket CSS Dersleri

CSS Web Tasarım

CSS Display Kullanımı

Webdeki her element birer dikdörtgen şekildir. CSS  display özelliği ise şeklin nasıl davranacağını belirler. CSS display özelliği içinde yaygın kullanılan bir kaç tane özellik vardır. div { display: inline; /* Tanımlı bir CSS biçimi yoksa her elementin varsayılan değeri inline dır.*/ display: inline-block; /* Aynı satırda blok elemanı gibi davranır. */ display: block; /* <di> ve <section> etiketlerinde olduğu gibi blok elemanı yapar */ display: none; /* Gizler*/ } 12345678...

CSS HTML DERSLERİ Web Tasarım

CSS Dersleri

CSS Nedir? CSS yapısı ve kullanımı, CSS konu anlatımı ve CSS örneklerinde oluşan konuların belirli bir düzen içerisinde toplanmış halini göreceğiniz bu sayfada linklerin üzerine tıklayarak ilgili konuya gidebilirsiniz. CSS Dersleri İçerik CSS Nedir, CSS Yapısı ve CSS Kullanımı CSS Yorum Satırı Bırakma CSS Seçici Türleri Dahili CSS Kullanımı Harici CSS Kullanımı CSS Renklerle Çalışma CSS Arkaplan Özelliklerini Ayarlama CSS Kenarlık (Border) Özellikleri CSS Border-Radius (Ovalleştirme) Kullanımı...

CSS Web Tasarım

CSS Metin İşlemleri

html sayfalarına eklenilen metinlere CSS kullanarak biçimlendirme uygulanabilir. Bu yazımızda CSS ile sayfalarınıza eklediğiniz metinlere ne tür biçimler verebileceğinizi göreceksiniz.

CSS Web Tasarım

CSS Kutu Modeli (Margin-Border-Padding-Content)

Tüm HTML öğeleri kutu olarak kabul edilebilir. CSS’de, ‘kutu modeli’ terimi tasarım ve düzen ile ilgili ayarlamalarda kullanılır. CSS kutusu modeli temel olarak her HTML öğesinin etrafında dolanan bir kutudur. Margin (Kenar boşlukları), Border (kenarlıklar), Padding (İç Boşluk) ve Content (içerik) lerden oluşur. Aşağıdaki resim kutu modelini göstermektedir:

CSS Web Tasarım

CSS Örnekleri – Sınıf Seçicileri 

Bu örneğimizde CSS ile sınıf seçici kullanımını göreceğiz. Örneğimizde başlık etiketlerini Ana başlık ve Altbaşlık olarak sınıflandıracağız ve özelliklerini değiştireceğiz. Örneğimizi incelediğimizde hem alt başlıklar için hemde ana başlıklar için <h1> etiketinin kullanıldığını fakat alt başlıklar ve ana başlıklar için class ismi verilerek CSS ile biçimlendirme işleminin gerçekleştiğini göreceksiniz.

CSS Web Tasarım

CSS Basit Örnekler 2

Bu örneğimizde CSS ile sayfa arka plan rengi değiştirme, yazı boyutu ayarlama,yazı rengi değiştirme, metnin altını,üzerini ve üstünü çizme,metin hizalama işlemlerini gösteren bir sayfa tasarlayalım. Örneğimizde kullanacağımız bazı özellikler;

CSS Web Tasarım

CSS Basit Örnekler 1

Bu örneğimizde oluşturmuş olduğumuz HTML sayfamızda <h1>, <h2> ve <p> etiketlerine CSS ile birkaç sitil tanımlaması yapacağız. Örneğimizi incelediğimizde CSS ile arkaplan rengi değiştirme, yazı rengi değiştirme ve  metin hizalaması özelliklerinin uygulandığını göreceğiz.