Altın Konu Css tanımları ve tarihi

lHezarfeNl · 2 Tem 2023

CSS (Cascading Style Sheets) web sayfalarının görüntüsünü ve düzenini tanımlayan bir stil dilidir. CSS, HTML veya XML gibi işaretleme dilleriyle birlikte kullanılır ve web sayfalarını daha çekici ve kullanıcı dostu hale getirmek için kullanılır. İşte bazı örnekler ve açıklamaları:

Temel Bir CSS Tanımı:

CSS:

h1 {
  color: blue;
  font-size: 24px;
}

Bu örnekte, <h1> başlıklarını seçiyoruz ve metin rengini mavi olarak ve yazı tipi boyutunu 24 piksel olarak tanımlıyoruz.

Sınıf Seçicisi:

CSS:

.button {
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

Bu örnekte, .button sınıfını seçiyoruz ve bir düğme görünümü vermek için arka plan rengini yeşil (#4CAF50) ve metin rengini beyaz olarak tanımlıyoruz.

ID Seçicisi:

CSS:

#header {
  background-color: #333;
  color: white;
  padding: 20px;
}

Bu örnekte, #header kimliğini seçiyoruz ve başlık alanına siyah bir ark#headerrengi, beyaz metin ve 20 piksel dolgu tanımlıyoruz.

Geçerlilik Kuralları:

CSS:

h2 {
  color: red;
}

.container h2 {
  color: blue;
}

Bu örnekte, h2 başlıklarının metin rengini önce kırmızı olarak tanımlıyoruz. Ancak, .container sınıfına ait h2 başlıkları için metin rengini mavi olarak yeniden tanımlıyoruz. Bu geçerlilik kuralları, belirli bir öğeyi daha spesifik olarak hedeflemek için kullanılır.

Kenarlık ve Gölge:

CSS:

.box {
  border: 1px solid #000;
  box-shadow: 2px 2px 5px #888;
}

Bu örnekte, .box sınıfına sahip bir kutu oluşturuyoruz ve 1 piksel kalınlığında siyah bir kenarlık ve 2 piksel yayılı bir gölge tanımlıyoruz.

Bu örnekler, CSS'nin temel özelliklerini göstermektedir. CSS, daha karmaşık stiller, yerleşim düzenleri ve animasyonlar oluşturmak için daha fazla özelliğe ve seçiciye sahiptir. CSS'yi kullanarak web sayfalarınızın görünümünü tamamen özelleştirebilirsiniz.

CSS Tanıyalım

CSS (Cascading Style Sheets), web sayfalarının görünümünü ve düzenini tanımlayan bir stil dilidir. CSS, HTML'in yaygınlaşmasıyla birlikte ortaya çıkmış ve web tasarımını büyük ölçüde etkilemiştir. İşte CSS'nin tarihçesi:

İlk web tarayıcıları (1990'lar):Web'in erken günlerinde, web sayfaları içeriği ve görüntüsü aynı dosyada birleştirilmişti. Bu nedenle, web tasarımcıları her sayfa için ayrı ayrı stil kodu yazmak zorundaydı. Bu yaklaşım, bakımı zor ve tekrarlamalara neden olan bir yapıya yol açtı.

CSS'nin ortaya çıkışı (1996):CSS'nin ilk taslağı, Håkon Wium Lie ve Bert Bos tarafından 1994 yılında yayımlanan bir belgeyle ortaya kondu. Bu belge, stil özelliklerini HTML'den ayırma fikrini öneriyordu. İlk CSS özellikleri Netscape Navigator 4.0 ve Internet Explorer 3.0 tarayıcılarında desteklendi. Bu, web tasarımcılarının web sayfalarının görünümünü daha kolay kontrol etmelerini sağladı.

CSS seviye 1 (1996):CSS'nin ilk resmi özellik seti olan CSS seviye 1, 1996 yılında yayımlandı. Bu özellikler, renk, tipografi, kenarlık, arka plan gibi temel stil özelliklerini içeriyordu. Ancak, tarayıcılar arasında tutarlılık sağlamak için desteklenen özelliklerde farklılıklar vardı.

CSS seviye 2 (1998):CSS seviye 2, daha gelişmiş seçiciler, pozisyonlandırma, z-index gibi özellikleri tanıttı. Ayrıca, tarayıcılar arasındaki tutarlılığı artırmak için birçok hata düzeltmesi ve geliştirme yapıldı. Bu sürüm, web tasarımında daha fazla esneklik ve kontrol sağladı.

CSS seviye 3 (1999-günümüz):CSS seviye 3, modüler bir yapıya geçişi temsil eder. Bu, CSS'nin farklı modüller halinde geliştirilebileceği ve her bir modülün ayrı ayrı geliştirilebileceği anlamına gelir. Bu sürümde, yuvarlak köşeler, gölgeler, animasyonlar gibi birçok yeni özellik ve geliştirme yer aldı. Ancak, tarayıcıların tam desteği tam olarak sağlanmamış olabilir.

CSS Grid ve Flexbox (2000'ler):2000'li yıllarda, CSS Grid ve Flexbox gibi yerleşim modelleri tanıtıldı. Bu modeller, web tasarımında daha gelişmiş düzen seç