CSS 3

CSS, İngilizce Cascade Style Sheet kelimelerinin kısaltılmasıdır. Temel olarak, HTML elementlerini biçimlendirmek için kullanılır. Örneğin etiketinin içerisine yazmı şolan metnin yaz tipi, boyutu, rengi gibi birçok bi çimsel özellik CSS ile belirlenebilir. Kısacası CSS, bir internet sitesinin tasarımsal açıdan daha etkileyici görünmesini kolaylaş tıran bir işaretleme dilidir. HTML büyük ölçüde metin içeriğini belirlerken, CSS görsel yapıyı, düzeni ve esteti ği belirler.

CSS, sanılanın aksine eskilere dayanan bir iş aretleme dilidir. İlk kez 1994 yılında, Cern şehrinde Tim Barners -Lee ile birlikte çalışmakta olan Hakon Wium Lie tarafından önerilmi ştir. Daha sonrasında W 3C adını alan, çeşitli forum sitesi ve posta listelerinde yapılan birka çfarklı tarz sayfası dili tasla ğını da göz önünde bulundurarak, 1996 senesinde ilk CSS önerisi sunulmuş tur. İnternetin gelişimiyle de 1998’ de CSS ’in 2. sürümü sunulmuş tur. Günümüzde ise Css ’in 3.sürümükullanılmaktadır.

Bir CSS stil sayfasında, bir dizi stil tanımının bir araya gelerek oluşturduğu tanımlardır. Her stil tanımının iki ana bileşeni vardır. Seçici ve deklarasyon

İnternet sayfasını oluşturan HTML kodları ile yazılmış bir sayfanın barındırdığı elementler CSS ile biçimlendirilebilir. Tarayıcılar tarafından yorumlanan CSS satırları ayrı ayrı işlenmektedir. Bu nedenle CSS içerisinde bir satırda yazılan yanlış tanımlama bir diğer satırın yorumlanmasını engellemez.

HTML elementlerini biçimlendirmek için kullanılan tanımlamalara “seçiciler ”, sınıf olmayan fakat sınıf gibi davranış gösteren seçicilere “sözde sınıf seçiciler ” ve seçilen elemente dair stil tanımlamalarına “özellikler ” adı verilir. Seçiciler ve stil tanımlamaları birlikte kullanılır, bu kullanım CSS’ in yapısını oluşturulur.

CSS'de seçicileri kullanmanın iki yolu vardır. Birincisi HTML ve CSS'niz tek bir dokü mandaysa, web sayfasının bölümüne

Arka plan, herhangi bir elementin arka planını kontrol etmesine olanak tanır. Bu bir steno özelliğidir, yani birden fazla background özelliğini bir arada yazmayı sağlar. Renk özellikleri ise CSS içerisinde elemente ait renk tanımlaması rengin İngilizce adı veya sayısal değeri yazılarak yapılabilir.

Herhangi bir elementin kenarlığının dört tarafının genişliğini, stilini, ovalliğini ve rengini tanımlamak için olanak sağlar. Bu bir steno özelliğidir, yani birden fazla border özelliğini bir arada yazmayı sağlar.

CSS boyut özelliklerini bir elemanın yüksekliğini ve genişliğini kontrol etmek için kullanılır. Alacağı değer piksel, punto, Yüzde gibi bir ölçü değeri olacaktır.

Belirli bir yazı tipi adı veya genel bir yazı tipi listesi birden fazla yazı tipi ataması yapılabilir. Bunun yanı sıra normal, italik veya eğik (eğimli) olabilmesi, kalınlığını ve boyutunu ayarlamak için kullanılır.

Liste etiketinin başındaki işaretleri değiştirmek, kaldırmak, belirtilen görselle eklemek ve pozisyonunu belirlemek için kullanılır.

Dış kenar boşluk, ögenin çevresi ile ona komşu olan diğer ögeye belirtilen ölçü kadar dışardan boşluk ayarlamak için, iç kenar boşluk öğenin içeriği ile ögenin tüm kenarlarına ya da tanımlanan kenar/kenarlar belirtilen ölçü kadar boşluk bırakmak için kullanılır.

Yalnızca birkaç CSS kuralıyla, internet sayfalarının esnekliğine sahip, baskıdan ilham alan bir düzen biçimidir. Sayfa küçüldükçe, sütunlar içeriğin doğal olarak akmasına izin verecek şekilde otomatik olarak ayarlamak ve dengelemek için kullanılır.

Tablolar daha anlaşılır olmasını sağlamak için kullanılan özelliklerden biridir. Hücrelerin birbirinden görsel olarak ayrılmasını sağlar, kullanıcılara okunması kolay görsellik sunar.

CSS dilinde metin üzerinde düzenleme işlemleri (metnin konumunu, harfler ve kelimeler arası boşluk, büyük harf, küçük harf vb.) yapmak için, içerik özelliklerinde ise seçilen html ögelerinden önce veya sonrasında bir url, resim, içerik, tırnak işareti gibi elemanlar eklemek için kullanılır.

HTML elemanlarını 2 boyutlu ya da 3 boyutlu olarak döndürmek, boyutlandırmak, eğmek gibi eylemleri gerçekleştirmek için kullanılır.

CSS geçişleri, ögeyi flash veya JavaScript kullanmadan kademeli olarak bir stilden diğerine değiştirmek için kullanılır.

Ögelerin görüntülenmesini, konumunu, katmanını ve yeniden boyutlama gibi işlemleri yapmak için kullanılır.

CSS animasyonu, bir ögenin bir veya daha fazla stil özelliğindeki bir değişikliği canlandırmaya ve ayrıca animasyonun çeşitli yönlerini kontrol etmeye olanak tanıyan bir CSS özelliğidir. CSS animasyonları ek kod (örn. JavaScript) veya medya (örn. GIF'ler) gerektirmez her şey HTML ve CSS ile yapılır.