Ana İçeriğe >Geç

ForumTeams

Google'de Arama Yapın

CSS Nedir? Ne İşe Yarar? Nasıl Kullanılır?

23-11-2020 Saat 00:57
#1
Çevrimdışı
CSS Nedir? Ne İşe Yarar? Nasıl Kullanılır?

[Resim: css-cover-580x350.jpg]

CSS nedir?

CSS (Cascading Style Sheets) basitçe, sayfamıza ait görselliğe dair her türlü yapıyı düzenlememizi sağlayan bir markup dilidir. Sayfaya ait öğelerin (form, buton, arkaplan vb.) renklerini, boyutlarını, konumlarını vb. özelliklerini düzenlememize imkan sağlar.

CSS bir programlama dili değildir. CSS bir markup dilidir.

Markup dili mi?! CSS nedir anladım da, markup dili nedir peki?

Markup dili, bir dökümanı sistemin/uygulamanın/aracın yorumlayabileceği formatta oluşturmamızı sağlayan dile verilen isimdir. Örneğin, HTML de bir markup dilidir. yazısını kaydettiğimiz html uzantılı bir döküman, herhangi bir web browser tarafından sayfa başlığı Deneme olan bir web sayfası olarak yorumlanacaktır.

CSS ne işe yarar?

Tanımında da belirttiğimiz gibi, CSS, web sayfamızdaki öğelerin stilini/görünümünü değiştirmemizi sağlar. Butonunuza gölge mi eklemek istiyorsunuz? Biri sola diğeri sağa dayalı 2 formu aynı konumda mı göstermek istiyorunuz? Ya da sayfanızı scroll etseniz bile yukarıda sabit kalan bir header’a mı ihtiyacınız var? O halde CSS yardımınıza koşacaktır. Web sayfasının görünümüyle alakalı nice senaryoda CSS kullanmanıza gerek olacaktır.

İlla CSS mi kullanmalıyım görünümü değiştirmek için? İstediğim stili HTML ile sağlayamaz mıyım?

CSS ile düzenleyebildiğimiz bazı görünüm düzenlemelerini CSS kullanmadan yalnızca HTML kullanarak da sağlayabiliriz. Örneğin, yazı font büyüklüğünü değiştirme, yazı rengini değiştirme, resim boyutunu düzenleyebilme gibi… Ancak yapılmak istenen işler karmaşıklaştıkça (buton gölgelendirme, resim saydamlığını düzenleme, link üzerine geldiğimizde rengin değişmesi vb.) CSS kullanmaya yöneliyoruz.

CSS ve HTML arasındaki ilişki için verilen örneklerde genelde şu mantıkla örneklerle karşılaşırsınız:

HTML

Bir arabayı meydana getiren pek çok bileşeninin bir araya gelmesiyle o arabayı gerçekleştiren yapıya HTML diyebiliriz. Koltuklar, direksiyon, vites, tekerlekler… hepsi arabayı oluşturan bir öğedir. Bu öğeler ve hepsinin birleşmesiyle ortaya çıkan araba yapısını HTML ile oluşturuyoruz gibi düşünebiliriz.

CSS

Oluşan arabaya ait direksiyonun rengi, koltukların kaplaması, camların film ile kaplanması, farların renkleri, konsolun ahşap kaplaması olması… tüm bu örnekler, kurulan HTML yapısının stilini/görümünü belirleyen CSS ile ilgilidir.
Joker’s Grin
Google Reklamları

Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
Döküman Https Nedir ? Https İşe Yarar? şenol 0 361 30-01-2021 Saat 23:23
Son Yorum: şenol
Döküman Www Nedir? Www Tarihçesi şenol 0 451 30-01-2021 Saat 23:19
Son Yorum: şenol
Döküman PhpNuke Nedir? PhpNuke İşe Yarar? şenol 0 551 19-01-2021 Saat 20:50
Son Yorum: şenol
  Dofollow & Nofollow Link Nedir Nasıl Kullanılır? şenol 0 733 07-01-2021 Saat 01:19
Son Yorum: şenol
Döküman Joomla Nedir? Ne İşe Yarar? şenol 0 879 01-01-2021 Saat 20:29
Son Yorum: şenol
  Backlink Nedir ? Backlink Nasıl Yapılır? şenol 0 846 24-12-2020 Saat 22:39
Son Yorum: şenol
  SEO Nedir? SEO Nasıl Yapılır? şenol 0 1,260 02-12-2020 Saat 00:52
Son Yorum: şenol
  Bandwidth Nedir? Bant Genişliği Nedir? şenol 0 1,031 25-11-2020 Saat 20:20
Son Yorum: şenol
  PageRank Nedir? PageRank Ne Demek? şenol 0 1,058 25-11-2020 Saat 20:14
Son Yorum: şenol
  ASP Nedir? Joker’s Grin 0 281 23-11-2020 Saat 00:55
Son Yorum: Joker’s Grin


Konuyu Okuyanlar: 1 Ziyaretçi