[Çözüldü] Css dosyasını Html Dosyasına Bağdaştıramıyorum

Başlatan Kaleihan, 27 Ocak 2017 - 12:41:27

« önceki - sonraki »

0 Üyeler ve 1 Ziyaretçi konuyu incelemekte.

Kaleihan

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?

bugra9

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" />

lubuntu

Stil dosyası yerine css3 uyumlu olarak body kısmı içerisşnde stil oluşturman daha iyi olmaz mı?

Kaleihan

Yukarıda aynı bu şekilde çağırmıştım :) <style></style> kısmı yorum satırı içinde. 2 Şekilde de çağıramadım.

lubuntu

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>

Kaleihan

@lubuntu evet onu yapabiliyorum ama bunu neden yapamıyorum onu anlamadım.

lubuntu

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.

bugra9

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"/>

Kaleihan

@lubuntu gene olmadı.
@bugra9 sanırsam sorun bende.
Teamviewer ile bir el atabilir misiniz?

alquirel

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.

lubuntu

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.

Kaleihan

@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ı?

lubuntu

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.

Kaleihan

Peki İlgilenen herkese teşekkürler. Çözüldü olarak işaretliyorum.