[Çö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 2 Ziyaretçi konuyu incelemekte.

Yazdır
Aşağı git Sayfa1
Kullanıcı Eylemleri

Kaleihan

27 Ocak 2017 - 12:41:27 Son düzenlenme: 27 Ocak 2017 - 13:35:15 Kaleihan
Css dosyası:
Kod Seç
@charset "utf-8"
/* css dosyasının adı style.css */
h1{
background-color: #2f844e;
color:#112301;
}


Html dosyası:
Kod Seç
<!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

#1
27 Ocak 2017 - 12:46:40
O şekilde niye olmadı bilmiyorum ama html dosyasında aşağıdaki gibi çağırsan olmaz mı?
Kod Seç
<link rel="stylesheet" type="text/css" href="style.css" />

lubuntu

#2
27 Ocak 2017 - 12:50:29
Stil dosyası yerine css3 uyumlu olarak body kısmı içerisşnde stil oluşturman daha iyi olmaz mı?

Kaleihan

#3
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.

lubuntu

#4
27 Ocak 2017 - 12:52:12
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.
Kod Seç
<!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

#5
27 Ocak 2017 - 12:52:34
@lubuntu evet onu yapabiliyorum ama bunu neden yapamıyorum onu anlamadım.

lubuntu

#6
27 Ocak 2017 - 12:59:41 Son düzenlenme: 27 Ocak 2017 - 13:05:29 lubuntu
Alıntı yapılan: Kaleihan - 27 Ocak 2017 - 12:52:34
@lubuntu evet onu yapabiliyorum ama bunu neden yapamıyorum onu anlamadım.

Kod Seç
<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

#7
27 Ocak 2017 - 13:07:37
Etkilemediğine emin misin? Şimdi denedim iki türlü de sorunsuz çalışıyor.

1)
Kod Seç
<style type="text/css">@import "style.css";</style>
2)
Kod Seç
<link rel="stylesheet" type="text/css" href="style.css"/>

Kaleihan

#8
27 Ocak 2017 - 13:10:46
@lubuntu gene olmadı.
@bugra9 sanırsam sorun bende.
Teamviewer ile bir el atabilir misiniz?

alquirel

#9
27 Ocak 2017 - 13:23:33
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

#10
27 Ocak 2017 - 13:30:05
Sorun bu şekilde düzeliyor. stil dosyasını şu şekilde değiştir

Kod Seç
h1 { background-color: #2f844e;
color:#112301; }

html tarafın aynı kalsın senin yazdığın gibi.

Kaleihan

#11
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ı?

lubuntu

#12
27 Ocak 2017 - 13:33:55
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

#13
27 Ocak 2017 - 13:34:59
Peki İlgilenen herkese teşekkürler. Çözüldü olarak işaretliyorum.
Yazdır
Yukarı git Sayfa1
Kullanıcı Eylemleri