Hoşgeldiniz Esrarengiz.NET | Türkiyenin En iyi Webmaster Platformu

Webmaster Forum - Tüm özelliklerimize erişmek için şimdi webmaster topluluğumuza katılın.
  • Kayıt olduktan ve giriş yaptıktan sonra, konu oluşturabilir, mevcut konulara cevap gönderebilir,
  • diğer üyelerinize itibar kazandırabilir, kendi özel mesajlaşma programınızı edinebilir ve çok daha fazlasını WF ile yapabilirsiniz.
  • Ayrıca hızlı ve tamamen ücretsiz, ne bekliyorsun?
  • CSS dersleri 1 bölüm

    Karpuz Official

    Moderator
    Katılım
    21 Şub 2021
    Forum
    54
    Tepki
    65
    Puan
    17
    Yaş
    23
    Konum
    İstanbul
    Meslek
    WebMaster/YazılımUzmanı/GrafikTasarım/SeoDanışmanı/Reklamacı
    ilk dersimize hoşgeldiniz bu derste css'e özel dosya oluşturmadan html dosyasının içerisinde kod yazmayı göstereceğim

    öncelikle html dosyası oluşturuyoruz
    daha sonra <head> </head> tagları arasına <style> etiketini koyuyoruz
    daha sonra şimdi ise body kısmına <h1> diyerek bir başlık atayalım
    daha sonra style taglarına gelelim ve

    Kod:
    h1{
    color: red;
    }
    diyelim ve html dosyasını açarak bakalım

    burada anlattıklarım sitedeki bütün h1 taglarını etkiler nasıl diye sorabilirsiniz şöyle anlatayım:
    eğer siz 10 tane daha h1 açarsanız eğer bunların hepsi kırmızı olacaktır.100 tane açsanız yine kırmızı olacaktır
    ama siz eğer sadece istediğiniz bir h1'in kırmızı olmasını istiyorsanız ıd veya class vermeniz lazım onuda şöyle yapacaksınız
    HTML:
    <h1 class="h1etiketi">H1 Etiketi</h1>
    
    <h1 id="h1etiket">H1 Etiketi</h1>
    şimdi bunları style bölümümüze yazalım

    oraya eğer class'ı h1 etiketi olanı yazmak isterseniz:

    Kod:
    .h1etiketi{
    color: red;
    }
    başına nokta koyarsanız eğer bu class'ı h1etiketi olanı etkiler yanı bütün h1'leri etkilemez
    eğer İd'si h1etiketi olanı yapmak isterseniz
    Kod:
    #h1etiketi{
    color: red;
    }
    başına # etiketi koymalısınız.

    bu anlattıklarımı bütün taglar için kullanabilirsiniz mesela <p> </p> etiketi için

    style bölümüne bunlar
    Kod:
    #petiketi{
    color: blue;
    }
    body nin arasına bunlar
    HTML:
    <p class="petiketi">H1 Etiketi</p>



    bu dersimiz bu kadardı gelecek derste görüşmek üzere hoşçakalın!
     
    instagram takipçi satın al smm panel fenerbahçe haberleri instagram türk takipçi paketleri
    Üst