[Latest News][6]

Web Dersleri
Web Scriptleri
Web Temaları

CSS Ders - 1 -

read ( words)
Print

CSS Ders - 1 -




Örnek sayfa hazırlarken , resim alanlarını doldurması için placehold.it adresinden faydalanabilirsiniz.http://placehold.it/200x100 adresi , 200' e 100 pixel boyutlarında resim üretir. Adresin sonundaki yükseklik ve genişlik değerlerini değiştirerek istediğiniz boyutta resim üretebilirsiniz.
CSS içerisinde sınıf tanımlarken "." , id tanımlarken ise "#" karakterlerini kullanıyoruz. Sınıfları html içerisinde istediğimiz elemana class özelliği içerisinde atayabiliriz. ID ise eşsizdir yani tek bir elemana atayabilirsiniz. 
Yazı rengi atamak için color: , arkaplan rengi atamak için background-color: özelliklerini kullanıyoruz.
Ders - 1 - ' ün html ve css kodları aşağıda , tarayıcada görüntülemek için Kodlar sekmesindeki link i kullanabilirsiniz.
Html kodları ;
    

  1. <!doctype html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

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

  5.  <title>Css Ders 1</title>
    6. 

  6.  <link rel="stylesheet" href="style.css">
    7. 

  7. </head>
    8. 

  8. <body>
    9. 

  9. <p class="onalti_pixel mavi_kenar">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    10. 

  10. tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    11. 

  11. quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    12. 

  12. consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    13. 

  13. cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    14. 

  14. proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    15. 

  15. <p class="kirmizi_yazi yirmi_pixel kirmizi_kenar">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    16. 

  16. tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    17. 

  17. quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    18. 

  18. consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    19. 

  19. cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    20. 

  20. proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    21. 

  21. <img src="http://placehold.it/200x200" alt="" class="mavi_kenar">
    22. 

  22. </body>
    23. 

  23. </html>
    24.
CSS kodları ;
    

  1.   .onalti_pixel {
    2. 

  2.    font-size:16px;
    3. 

  3.   }
    4. 

  4.   .yirmi_pixel {
    5. 

  5.    font-size:20px;
    6. 

  6.   }
    7. 

  7.   .kirmizi_yazi {
    8. 

  8.    color:red;
    9. 

  9.   }
    10. 

  10.   .kirmizi_kenar {
    11. 

  11.    border:2px solid red;
    12. 

  12.   }
    13. 

  13.   .mavi_kenar {
    14. 

  14.    border:2px solid blue;
    15. 

  15.   }
    16. 

  16.   body {
    17. 

  17.    background-color:#E2E6BC;
    18. 

  18.   }
    19.
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