• 23-03-2014, 15:20:35
    #1
    🌐 𝘀𝗼𝗰𝗶𝗳𝗹𝘆.𝗰𝗼𝗺
    Merhabalar,

    Bootstrap ile bir tasarım yapmaktayım. Fakat bazı yerlere kendim CSS kodlar ekledim. Şimdi bir çok yerde aynı tag içerisinde hem class hemde style kodları oldu.
    Bunları şimdi tek tek bi css dosyasında toplamak zor geliyor. Aynı tag içerisinde hem class hemde style kodu kullanmam bir problem oluşturur mu?

    Örneğin;
    <div class="col-md-1" style="padding-left:7%;"></div>

    gibi..
  • 23-03-2014, 15:21:11
    #2
    Tarayıcı bazında oluşturabilir aksi durumda sorun yok

    LG-D802 cihazımdan Tapatalk kullanılarak gönderildi
  • 23-03-2014, 15:21:57
    #3
    Hayır olmaz, ID değeri atanmış gibi tarayıcı yorumluyor bunları. Fakat ben olsam, bunları ayrı bir css dosyasından çektirirdim. Detaylı bir projeyse, çorba olabiliyor.
  • 23-03-2014, 15:22:54
    #4
    Sitillerin doğru yorumlanması açısından diyorsanız bir sorun olmaz. Ama temiz bir kodlama değil neticede.
  • 23-03-2014, 15:27:27
    #5
    <div class="col-md-1" style="padding-left:7%;"></div>
    Bu kullanımda herhangi bir sorun yok fakat aşağıdaki gibi bir kullanım tercih ederseniz sizin için daha güzel olur.
    .pdleft7{
        padding-left:7%;
    }
    <div class="col-md-1 pdleft7"></div>
    bu tarz kullanımda başka bir alanda %7 lik bir padding-left değeri vermeniz gerektiğinde tekrar aynı class'ı kullanabilirsiniz.
    hem kodlarınız daha temiz ve derli toplu olacaktır.
  • 23-03-2014, 15:46:40
    #6
    🌐 𝘀𝗼𝗰𝗶𝗳𝗹𝘆.𝗰𝗼𝗺
    Teşekkürler tüm cevap veren arkadaşlara. Çok fazla birikti style kodları ve tek css dosyasında toplamak zor geliyor şimdi.
  • 24-03-2014, 10:47:04
    #7
    Bence vaktiniz varsa bunları .css içerisine toplamanızı tavsiye ediyorun diğer arkadaşlar gibi. Proje büyükse ileride bir elementin bi özelliğini değiştirmek istediğinizde sorun yaşayabilirsiniz. Çünkü css tanımlamalarında elemente verdiğiniz style içerisindeki özellikler öncelikli yorumlanıyor. Siz .test classına .css dosyası içerisinde margin-left:20px; deseniz dahi style içinde margin-left:30px yazıyorsa 30px margin verir. Ya tamamen artık style üzerinden gidin ya da hepsini .css içerisine toplamaya çalışın. Sıkıcı bir durum kolay gelsin
  • 24-03-2014, 10:57:18
    #8
    Üyeliği durduruldu
    Hocam Allah Aşkına

    <div class="col-md-1" style="padding-left:7%;"></div>
    Bu Nedemektir Lütfen ! Böyle bir düzen HTML düzenine haykırıdır, Şuan Sinirlendim hocam size inanın ki Şunu şu şekilde yapmak çok mu zor hocam ?

    <div class="col-md-1 test"></div>
    col-md-1 {
    özellikler..
    }
    test {
    padding-left:7%;
    }
    Bunu yapmak çok mu zor lütfen kodlama yaparken bir düzene özen gösterin..

    İyi Çalışmalar.