Aspire
Koineks
  • 15-06-2010, 08:57:31
    #1
    1/2
    Zingocan.com'da hergün iki ya da 3 'er tane eklediğim CSS Dersleri..
    ilgili konu için buraya tıklayınız..

    Özet:

    CSS adına birkaç tane kural söyledikten sonra ufak bir örnekle derslerimize başlayalım;
    • CSS kodlarını yazarken mutlaka seçicileri kullanmalıyız.
    • CSS içeirsinde bir takım özel seçiciler mevcuttur. Bunları kullanmak için seçici adını girdikten sonra stil değerini iki süslü parantez ( { …. } ) arasına girmeliyiz.
    • Diğer seçicileri kullanırken class seçicisinin önüne . (nokta) id seçicilerinin önüne ise # (kare) işareti gelmelidir.
    • CSS yalnız kod kullanarak yazılır, herhangi bir görseli ifade etmez, bilakis görselleri şekillendirmeye yarar.
    • Tüm bunlarla sınırlı değildir, kurallar ile W3 standartları ayrı şeylerdir, fakat bir W3 standartlarında CSS kodları girmemiz birçok açıdan yarar sağlayacaktır
    • Ve son olarak yukarıda bahsettiğim gibi; Neden CSS?
    Şimdi basit bir örnek yaparak CSS’i anlayalım..
    HTML kodlarken CSS i 3 ayrı şekilde kullanabiliriz..
    • Etiketlerin içerisine CSS seçicilerini girerek.
    • head etiketinin içerisine <style type=”text/css”></script> kodlarının arasında girebilecek CSS kodlarıyla.
    • .css dosyası oluşturarak CSS kodlarımızı bu CSS dosyası içerisinde kullanarak.
    Bu çeşitleri yavaş yavaş kullanarak öğreneceğiz. İlk olarak ben <head> etiketinin içerisinde göstereceğimiz CSS kodlarımızdan bahsetmek istiyorum..Yukarıda bahsettiğim <style type=”text/css”>…</script> kodunu girdikten sonra üç nokta ile belirttiğim bölgeye aşağıdaki kodları giriyorum;

    h1 {background-color:#6495ed;}


    Burada da CSS dosyamızın body etiketlerinin (sitemizin tamamı) arasında kalan bölüme bir arkaplan resmi yerleştirdik ve url ataması yaparak bir arkaplan resmi yerleştirdik.
    Gördüğünüz gibi olay çok basit aslında.. İlk önce seçici, sonra süslü parantez ve içerisine de değişkenlerimiz.
    Bir daha ki derste daha ayrıntılı örneklere değineceğim..
    Güneşli Günler..
    Bu dersten Sonra Devam edebileceğiniz konular aşağıda sürekli Güncellenecektir
    WORDPRESS TEMA
  • Sponsor Reklam
  • 15-06-2010, 15:54:45
    #2
    1/2
    teşekkürler. çok güzel bir çalışma olmuş.