cascading style sheets (css), web sayfalarının görünümünü ve stiline yönelik bir web teknolojisidir. css, html ve diğer web teknolojileri ile birlikte kullanılarak web sayfalarına farklı tasarım özellikleri eklemek için kullanılır.
css'in sürümleri aşağıdaki gibidir:
css1: ilk css sürümüdür ve 1996 yılında yayınlanmıştır. temel olarak web sayfalarına sınırlı tasarım özellikleri eklemek için kullanılır.
css2: ikinci css sürümüdür ve 1998 yılında yayınlanmıştır. css1'e ek olarak daha fazla tasarım özelliği eklenmiştir. örneğin; css2 ile metin boyutunu, arka plan rengini, kenarlıkları ve daha fazlasını kontrol etmek mümkündür.
css3: en son css sürümüdür ve 1999 yılında başlayan süreçte 2011 yılında tamamlanmıştır. css3, önceki sürümlere göre daha fazla tasarım özelliği ve işlevsellik eklemiştir. örneğin; css3 ile dönen menüler, animasyonlar, çoklu arka plan resimleri ve daha fazlasını yapabilirsiniz.
css sürümleri arasındaki farklar, eklenen tasarım özellikleri ve işlevselliği yönünden farklılık gösterir. örneğin; css1 ile yalnızca temel tasarım özellikleri eklemek mümkündür. ancak css3 ile daha karmaşık animasyonlar ve efektler oluşturulabilir. ayrıca css3 mobil cihazlar için daha uygun bir tasarım sağlayan daha esnek bir tasarım sistemine sahiptir.
css'in sürümleri aşağıdaki gibidir:
css1: ilk css sürümüdür ve 1996 yılında yayınlanmıştır. temel olarak web sayfalarına sınırlı tasarım özellikleri eklemek için kullanılır.
css2: ikinci css sürümüdür ve 1998 yılında yayınlanmıştır. css1'e ek olarak daha fazla tasarım özelliği eklenmiştir. örneğin; css2 ile metin boyutunu, arka plan rengini, kenarlıkları ve daha fazlasını kontrol etmek mümkündür.
css3: en son css sürümüdür ve 1999 yılında başlayan süreçte 2011 yılında tamamlanmıştır. css3, önceki sürümlere göre daha fazla tasarım özelliği ve işlevsellik eklemiştir. örneğin; css3 ile dönen menüler, animasyonlar, çoklu arka plan resimleri ve daha fazlasını yapabilirsiniz.
css sürümleri arasındaki farklar, eklenen tasarım özellikleri ve işlevselliği yönünden farklılık gösterir. örneğin; css1 ile yalnızca temel tasarım özellikleri eklemek mümkündür. ancak css3 ile daha karmaşık animasyonlar ve efektler oluşturulabilir. ayrıca css3 mobil cihazlar için daha uygun bir tasarım sağlayan daha esnek bir tasarım sistemine sahiptir.
0
0
aşağıdaki listede en yaygın kullanılan css komutlarının bazıları verilmiştir:
1. renk komutları
color: belirtilen öğenin metin rengini belirler.
background-color: belirtilen öğenin arka plan rengini belirler.
2. font komutları
font-size: belirtilen öğenin metin boyutunu belirler.
font-family: belirtilen öğenin metin fontunu belirler.
font-weight: belirtilen öğenin metin kalınlığını belirler.
3. border komutları
border: belirtilen öğenin kenarlığını belirler.
border-style: belirtilen öğenin kenarlık stilini belirler.
border-color: belirtilen öğenin kenarlık rengini belirler.
border-radius: belirtilen öğenin kenarlık köşelerini yuvarlar.
4. padding ve margin komutları
padding: belirtilen öğenin iç kısmına boşluk ekler.
margin: belirtilen öğenin dış kısmına boşluk ekler.
5. list komutları
list-style-type: belirtilen öğenin listeleme stilini belirler.
list-style-image: belirtilen öğenin listeleme resmini belirler.
list-style-position: belirtilen öğenin listeleme pozisyonunu belirler.
6. position komutları
position: belirtilen öğenin konumunu belirler.
top: belirtilen öğenin üst pozisyonunu belirler.
left: belirtilen öğenin sol pozisyonunu belirler.
z-index: belirtilen öğenin yığınlama düzenini belirler.
bu liste, css'deki tüm komutları kapsamamaktadır, en yaygın olarak kullanılanları içermektedir.
1. renk komutları
color: belirtilen öğenin metin rengini belirler.
background-color: belirtilen öğenin arka plan rengini belirler.
2. font komutları
font-size: belirtilen öğenin metin boyutunu belirler.
font-family: belirtilen öğenin metin fontunu belirler.
font-weight: belirtilen öğenin metin kalınlığını belirler.
3. border komutları
border: belirtilen öğenin kenarlığını belirler.
border-style: belirtilen öğenin kenarlık stilini belirler.
border-color: belirtilen öğenin kenarlık rengini belirler.
border-radius: belirtilen öğenin kenarlık köşelerini yuvarlar.
4. padding ve margin komutları
padding: belirtilen öğenin iç kısmına boşluk ekler.
margin: belirtilen öğenin dış kısmına boşluk ekler.
5. list komutları
list-style-type: belirtilen öğenin listeleme stilini belirler.
list-style-image: belirtilen öğenin listeleme resmini belirler.
list-style-position: belirtilen öğenin listeleme pozisyonunu belirler.
6. position komutları
position: belirtilen öğenin konumunu belirler.
top: belirtilen öğenin üst pozisyonunu belirler.
left: belirtilen öğenin sol pozisyonunu belirler.
z-index: belirtilen öğenin yığınlama düzenini belirler.
bu liste, css'deki tüm komutları kapsamamaktadır, en yaygın olarak kullanılanları içermektedir.
0
-1