Css dosyası:
@charset "utf-8"
/* css dosyasının adı style.css */
h1{
background-color: #2f844e;
color:#112301;
}
Html dosyası:
<!DOCTYPE html>
<html lang="tr">
<head>
<title>dıştan css include etme</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css"/>
<!-- <style type="text/css">@import "style.css";</style> -->
</head>
<body>
<h1>burası h1 düzeyince başlığımız</h1>
<h2>Burası h2 düzeinde başlığımız</h2>
<h3>BUrasıda h3 dereceli başılığımız</h3>
</body>
</html>
İki dosyada aynı dizinin içinde. Neden Css html dosyasını etkilemiyor?
O şekilde niye olmadı bilmiyorum ama html dosyasında aşağıdaki gibi çağırsan olmaz mı?
<link rel="stylesheet" type="text/css" href="style.css" />
Stil dosyası yerine css3 uyumlu olarak body kısmı içerisşnde stil oluşturman daha iyi olmaz mı?
Yukarıda aynı bu şekilde çağırmıştım :) <style></style> kısmı yorum satırı içinde. 2 Şekilde de çağıramadım.
Alıntı yapılan: Kaleihan - 27 Ocak 2017 - 12:51:41
Yukarıda aynı bu şekilde çağırmıştım :) <style></style> kısmı yorum satırı içinde. 2 Şekilde de çağıramadım.
Al bu şekilde yapman daha kolay ve uyumlu.
<!DOCTYPE html>
<html lang="tr">
<head>
<title>dıştan css include etme</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<h1 style="background-color: #2f844e;
color:#112301;">burası h1 düzeyince başlığımız</h1>
<h2>Burası h2 düzeinde başlığımız</h2>
<h3>BUrasıda h3 dereceli başılığımız</h3>
</body>
</html>
@lubuntu evet onu yapabiliyorum ama bunu neden yapamıyorum onu anlamadım.
Alıntı yapılan: Kaleihan - 27 Ocak 2017 - 12:52:34
@lubuntu evet onu yapabiliyorum ama bunu neden yapamıyorum onu anlamadım.
<style type="text/css">
h1 {background-color: #2f844e;
color:#112301;
}
</style>Şu şekilde stil dosyasını değiştir.
Olmazsa az bekle ben kodu baştan yazıp buraya aktaracağım.
Etkilemediğine emin misin? Şimdi denedim iki türlü de sorunsuz çalışıyor.
1)
<style type="text/css">@import "style.css";</style>
2)
<link rel="stylesheet" type="text/css" href="style.css"/>
@lubuntu gene olmadı.
@bugra9 sanırsam sorun bende.
Teamviewer ile bir el atabilir misiniz?
Sorunun kaynağını en iyi şu şekilde saptarsınız. Tarayıcınızda (genelde F12) ile açılan geliştirici paneli olur. Kullanımını bu iletide anlatmak zor. Orada Net sekmesinde CSS dosyanızın alınıp alınmadığını, HTML sekmesinde de HTML elemanlarını seçtiğinizde sağ tarafta hangi CSS kurallarının o elemana etki ettiğini görürsünüz.
Sorun bu şekilde düzeliyor. stil dosyasını şu şekilde değiştir
h1 { background-color: #2f844e;
color:#112301; }
html tarafın aynı kalsın senin yazdığın gibi.
@alquirel Bİlgi için teşekkürler şimdi kullanamadım ama ileride bu çok işe yarayabilir.
@lubuntu evet işe yaradı. Teşekkürler.
charset kısmını kullanmazsam sıkıntı çıkar mı?
Alıntı yapılan: Kaleihan - 27 Ocak 2017 - 13:33:17
@alquirel Bİlgi için teşekkürler şimdi kullanamadım ama ileride bu çok işe yarayabilir.
@lubuntu evet işe yaradı. Teşekkürler.
charset kısmını kullanmazsam sıkıntı çıkar mı?
Çıkmaz. Çözüldü diye etiketleyebilirsin.
Peki İlgilenen herkese teşekkürler. Çözüldü olarak işaretliyorum.