Hem CSS hem de HTML web oluşturma ve geliştirmede kullanılan dillerdir. Temel farklar, HTML yapı ve içeriği sağlarken CSS'in sitenin görsel düzenini ve görünümünü tanımlamasıdır.
Web oluşturmak için her ikisini de kullanmanız gerekir ve aşağıda dosyalarınızı nasıl bağlayacağınızı göstereceğiz.
Önemli açıklama: Bu kılavuzda bahsedilen bazı araçların gururlu bağlı kuruluşlarıyız. Bir satış ortağı bağlantısına tıklarsanız ve daha sonra bir satın alma işlemi yaparsanız, size hiçbir ek ücret ödemeden küçük bir komisyon kazanacağız (fazladan hiçbir şey ödemezsiniz). Daha fazla bilgi için satış ortaklığı açıklamamızı okuyun.
CSS Dosyasını HTML Dosyasına Bağlama
HTML belgenizin başlık bölümünde CSS dosyasına bağlantı veren bir bağlantı öğesine sahip olmanız gerekir.
Bağlantı öğesi bu nitelikleri içermelidir:
- "rel" "stylesheet" olarak ayarlanmıştır - bu, bağlantılı belgenin bir stil sayfası olduğunu gösterir.
- "type" "text/css" olarak ayarlandı
- "href" CSS dosya bağlantınıza ayarlanmıştır.
Bu, kodun nasıl görüneceğine dair bir örnektir:
<head> <link rel="stylesheet" type="text/css" href="your-css-file.css"> </head>
Yaygın Hatalar Ve Çözümleri
CSS dosyanız bağlanmıyorsa, aşağıdaki sorunlardan birini yaşıyor olabilirsiniz.
- CSS yol dosyanız yanlış. CSS dosyanızın bağlantısını kontrol edin ve href kodunda doğru şekilde yakalandığından emin olun.
- CSS Seçicileriniz ve HTML öğeleriniz eşleşmiyor. Kullandığınız seçicilerin stil uygulamak istediğiniz öğelerle eşleşmesi gerekir.
- Bir HTML stil bloğu CSS dosyanızı geçersiz kılar. HTML kodunuzda satır içi stilleriniz varsa, bunlar harici stillere göre öncelikli olacaktır.
Sıkça Sorulan Sorular
Birden fazla CSS dosyasını bir HTML dosyasına bağlayabilir miyim?
Evet, HTML belge başlığınıza birden fazla bağlantı öğesi ekleyebilirsiniz.
CSS bir HTML dosyasının başına mı yoksa gövdesine mi bağlamak daha iyidir?
CSS dosyasını belgenizin başına eklemek en iyisidir.
Harici stillerin yanı sıra dahili stilleri de kullanabilir miyim?
Evet, HTML belgenize bir stil öğesi uygulayabilirsiniz, ancak harici stile bağlı kalmanız önerilir.
CSS HTML dönüştürülebilir mi?
Dosya dönüştürülmeyecek, bunun yerine belirli stilleri uygulamak için HTML belgesine eklenecektir.
CSS'im neden HTML uygulanmıyor?
Yukarıdaki yaygın hatalar ve çözümleri listemize göz atın.
HTML CSS geçersiz kılabilir misiniz?
Evet, harici CSS stillerinden daha yüksek bir özgüllüğe sahip olan "style" niteliğini kullanarak satır içi stilleri doğrudan tek tek öğelere uygulayabilirsiniz.