Css Nasil Calisir

bk murli today

Posted by: BK Prerana

BK Prerana is executive editor at bkmurlis.net and covers daily updates from Brahma Kumaris Spiritual University. Prerana updates murlis in English and Hindi everyday.
Twitter: @bkprerana | Facebook: @bkkumarisprerana
Share:






    CSS Nedir?

    CSS, Cascading Style Sheets'in kısaltmasıdır ve Türkçe'ye Basamaklı Stil Sayfaları olarak çevrilir. HTML ile oluşturulan web sayfalarının görsel sunumunu kontrol etmek için kullanılan bir biçimlendirme dilidir. HTML, web sayfalarının içeriğini ve yapısını tanımlar, ancak görünüşlerini doğrudan etkilemez. Bu noktada devreye CSS girer ve web sayfalarına renk, yazı tipi, boyut, konumlandırma gibi görsel öğeler ekleyerek estetik ve kullanışlı hale getirir.

    CSS Nasıl Çalışır?

    1. HTML ve CSS Birlikteliği:

    • Bir web sayfası oluşturmak için önce HTML ile içeriğin ve yapının temelleri oluşturulur.
    • Ardından CSS ile bu içeriğin nasıl görüneceği belirlenir.
    • HTML ve CSS birbirleriyle bağlantılı çalışarak web sayfalarının son halini oluşturur.

    2. Seçiciler ve Özellikler:

    • CSS'de seçiciler, hangi HTML elementlerine stil uygulanacağını belirler.
    • Özellikler ise bu elementlere uygulanacak stilin tanımını yapar.
    • Örneğin, h1 seçicisi ile tüm başlıkların yazı tipi ve rengi değiştirilebilir.

    3. Örnek Kullanım:

    HTML
    <h1>Merhaba Dünya!</h1>
      
    CSS
    h1 {
        font-family: Arial, sans-serif;
          color: blue;
            text-align: center;
            }
            

    Bu kodda:

    • h1 seçicisi ile tüm <h1> elementleri seçilir.
    • font-family özelliği ile yazı tipi Arial veya sans-serif olarak belirlenir.
    • color özelliği ile yazı rengi mavi olarak belirlenir.
    • text-align özelliği ile metnin ortaya hizalanması belirlenir.

    4. Basamaklılık Kavramı:

    • CSS'de basamaklılık kavramı, birden fazla stilin birbiriyle nasıl etkileşime girdiğini tanımlar.
    • Aynı elemente birden fazla stil uygulanabilir ve bu stiller öncelik sırasına göre işlenir.
    • Örneğin, hem h1 seçicisi hem de body seçicisi ile color özelliği belirlenirse, h1 seçicisi öncelikli olur.

    CSS'in Avantajları

    • Web sayfalarının görsel açıdan çekici ve kullanışlı hale gelmesini sağlar.
    • Farklı cihazlar için farklı stiller tanımlayarak uyumlu web sayfaları oluşturulmasına imkan verir.
    • Kod tekrarını azaltarak web sitelerinin geliştirilmesini kolaylaştırır.
    • Erişilebilirlik ve SEO açısından optimizasyon sağlar.

    CSS Öğrenmeye Başlamak

    • W3Schools gibi online kaynaklardan ücretsiz CSS kursları alabilirsiniz.
    • CSS Tutorial gibi YouTube kanallarını takip ederek videolu eğitimler izleyebilirsiniz.
    • CSS Diner gibi interaktif uygulamalarla CSS becerilerinizi pratik yapabilirsiniz.

    Sonuç

    CSS, web tasarımı için vazgeçilmez bir araçtır. CSS'i öğrenerek web sayfalarınızın görselliğini ve işlevselliğini kolayca artırabilirsiniz.

    Önemli Notlar

    • Bu yazı, CSS'in temellerini anlatan kısa bir özettir. Daha detaylı bilgi için yukarıda verilen kaynaklara başvurabilirsiniz.
    • CSS'in birçok farklı özelliği ve kullanım şekli vardır. Bu yazıda sadece en temel konulara değinilmiştir.

    Umarım bu yazı CSS'i daha iyi anlamanıza yardımcı olmuştur.

    2023-11-23T04:57:52.082+05:30

    No comments

    Note: Only a member of this blog may post a comment.