[Latest News][6]

Web Dersleri
Web Scriptleri
Web Temaları

CSS Ders - 2 -

read ( words)
Print

CSS Ders - 2 -



CSS kutu modeli ( Box Model ), sayfa düzeni tasarlamanın temelini oluşturduğu için iyi kavranmalıdır.
Class,id , kutu modeli ve position ı öğrendikten sonra , örnek sayfalar tasarlamaya başlayabilirsiniz. Bir sonraki videoda css içerisindeki position özelliğinden bahsedicem.
Ders - 2 - ' nin kodları aşağıda , tarayıcada görüntülemek için Kodlar sekmesindeki link i kullanabilirsiniz.

    

  1. <!doctype html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4.  <meta charset="UTF-8" />
    5. 

  5.  <title>ders2</title>
    6. 

  6.  <style type="text/css">
    7. 

  7.   #kutu1 {
    8. 

  8.    border:10px solid blue;
    9. 

  9.   }
    10. 

  10.   #kutu2 {
    11. 

  11.    height:200px;
    12. 

  12.    width:200px;
    13. 

  13.    border:10px solid red;
    14. 

  14.    padding: 10px;
    15. 

  15.    margin:20px;
    16. 

  16.   }
    17. 

  17.  </style>
    18. 

  18. </head>
    19. 

  19. <body>
    20. 

  20. <div id="kutu1">
    21. 

  21.  <div id="kutu2"><img src="http://placehold.it/200x200" alt=""></div>
    22. 

  22. </div>
    23. 

  23. </body>
    24. 

  24. </html>
    25.



Video Anlatımını izlemek İçin Tıkla




TAGS

About Author Mohamed Abu 'l-Gharaniq

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries.

Hiç yorum yok:

Yorum Gönder

Kaydol: Kayıt Yorumları (Atom)

Toplam Sayfa Görüntüleme Sayısı

Start typing and press Enter to search