CSS Absolute Div Yatay ve Dikey Ortalama (Kesin Çözüm) CSS Absolute Div Yatay ve Dikey Ortalama (Kesin Çözüm)

Cascading Style Sheets (CSS) Nedir? Nasıl Kullanılır?

Bu yazıda “Css Nedir?” sorusunun cevabını veriyoruz.

CSS kelimesi ingilizce Cascading Style Sheets (Basamaklı Stil Şablonları) kelimesinin kısaltılmasıdır. Türkçe çevirisi ie basamaklı stil şablonlarıdır. En kısa şekilde CSS’in ne olduğunu size bu yazıda anlatacağım. Sizi terimlere ve CSS’in tarhiçesine boğmak istemediğim ve bunun faydalı olmadığını düşündüğüm için CSS’in tarihçesini okumak isteyenler için Wiki linkini bırakıyorum: CSS Tarihçesi. Okumak isteyenler okuyabilirler.

HTML ile sitemizin görselliğini kabaca oluşturabiliyoruz, CSS ile de kabaca oluşturduğumuz bu kaba taslak görselliği ince ince işliyoruz. CSS’i html kodlarının detaylı şekilde animasyonlar, konumlandırma özellikleri, biçimlendirme, renklendirme, görünür olup olmama ve bunun gibi HTML ile yapamayacağımız binbir çeşit özelliği yapmamıza olanak sağladığı için sitelerimizde kullanmak zorudayız.

Bir örnekle herşeyi açıklayalım,

CSS Kullanmadan Butonlar Oluşturma

HTML ile oluşturabileceğimiz en iyi görünen ama yine de kaba taslak butonumuz,

İnternet sitenizdeki butonların bu şekilde görüntülenmesini istemezsiniz değil mi? Ancak HTML ile butonlarımızı ancak bu kadar ince ince işleyebiliyoruz 🙂 Bir sonraki aşamada ise butonumuza CSS kullanarak biraz ince işçilik ve detay katarak CSS nedir sorusunun cevabını net olarak algılamanızı sağlayayım.

CSS Kullanarak Butonlara Hayat Verme

CSS ile html ile kabaca oluşturduğumuz butonlara hayat veren bir örneği inceleyelim, animasyonlar, konumlandırma ve biçimlendirme özelliklerini kullanarak butonlarımızı geliştirelim,

Sanırım artık CSS’in ne olduğunu anladınız.

Sizi terimlere ve CSS tarihçesine boğmadan CSS’in ne olduğunu anlatmaya çalıştım. Yazımı beğendiyseniz lütfen yorum yapmayı unutmayın.

Bir sonraki yazıda görüşmek üzere.


Kaynak / Source: https://codepen.io/nouribram/pen/WNQzoOd

Mac Usb Görmüyor (Sorun Çözüldü) başlıklı yazımı okudunuz mu?

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir