folder Tahribat.com Forumları
linefolder Html - CSS - XML - JavaScript - Ajax
linefolder CSS'te İki Sınıfı Aynı Anda Kullanmak



CSS'te İki Sınıfı Aynı Anda Kullanmak

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    camarade
    ontedi
    ontedi's avatar
    Kayıt Tarihi: 04/Eylül/2005
    Erkek

    CSS'ni hazırladığınız bir projede bazı elementlere aynı anda farklı sınıflar uygulamak için gereken örneğimiz.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
<title>İki Sınıfı Aynı Anda Kullanmak</title>
<style type="text/css">
    .mavi
    {
        color:#0000FF;
    }
    .alti_cizili
    {
        text-decoration:underline;
    }
</style>
</head>
 
<body>
    <div class="mavi">
        Mavi Yazı
    </div>
    <div class="alti_cizili">
        Altı Çizili Yazı
    </div>
    <div class="mavi alti_cizili">
        Mavi ve Altı Çizili Yazı
    </div>
</body>
</html>

     

    Örnek

    Mavi Yazı

    Altı Çizili Yazı

    Mavi ve Altı Çizili Yazı


    http://www.ontedi.com/cascading-style-sheets/iki-sinifi-ayni-anda-kullanmak.html

    Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.
    Reply With Quote Alıntı yap
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Nautilus
    Nautilus's avatar
    Kayıt Tarihi: 01/Haziran/2007
    Erkek

    internet explorer da doğru çalışıyor mu?

    şizofren olabilirsiniz yardım alın!
    Reply With Quote Alıntı yap
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    camarade
    ontedi
    ontedi's avatar
    Kayıt Tarihi: 04/Eylül/2005
    Erkek

    Eski versiyonlarını denemedim fakat 8-9 versiyonunda çalışıyor.

    Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.
    Reply With Quote Alıntı yap
  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    MaTRiXe
    MaTRiXe's avatar
    Kayıt Tarihi: 04/Ocak/2006
    Erkek

    şu css ne güzel birşey yahu hocam denemedim ama farklı sınıflar olursa ikiden fazlası da mümkün olur mu ?

    Dictionary
    x
    +
    ?
    Null.
    Reply With Quote Alıntı yap
  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    camarade
    ontedi
    ontedi's avatar
    Kayıt Tarihi: 04/Eylül/2005
    Erkek

    Buyur hocam

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>İki Sınıfı Aynı Anda Kullanmak</title>
<style type="text/css">
.mavi
{
color:#0000FF;
}
.alti_cizili
{
text-decoration:underline;
}
.kalin
{
font-weight:bold;
}
</style>
</head>

<body>
<div class="mavi">
Mavi Yazı
</div>
<div class="alti_cizili">
Altı Çizili Yazı
</div>
<div class="mavi alti_cizili">
Mavi ve Altı Çizili Yazı
</div>
<div class="mavi alti_cizili kalin">
Mavi, Altı Çizili ve Kalın Yazı
</div>
</body>
</html>

     

    Sonuç

    Mavi Yazı
     
    Altı Çizili Yazı

    Mavi ve Altı Çizili Yazı

    Mavi, Altı Çizili ve Kalın Yazı
    Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.
    Reply With Quote Alıntı yap
  6. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Ayro
    Ayro's avatar
    Kayıt Tarihi: 08/Ağustos/2005
    Erkek
    Bunu yuvarlama icin kullanabilirsiniz. Hepsi icin farkli radius diyeceginize ; (tabi her tarayici icin baska css cektiginizi varsayip webkit motori icin veriyorum )

    .yuvarla{radius kodu ve degeri}

    < class="a b c yuvarla d e">

    seklinde her nesneyle kullanabilirsiniz

    Reply With Quote Alıntı yap
  7. KısayolKısayol reportŞikayet pmÖzel Mesaj
    MaTRiXe
    MaTRiXe's avatar
    Kayıt Tarihi: 04/Ocak/2006
    Erkek

    stil yazımında bir farklılık yok. Anladığım kadarıyla püf noktası class tagının içine etiketleri boşluklarla ayırmak, faydalı teşekkürler

    Dictionary
    x
    +
    ?
    Null.
    Dictionary
    x
    +
    ?
    Null.
    Reply With Quote Alıntı yap
Toplam Hit: 2088 Toplam Mesaj: 7