Soru & Cevap

CSS Kodla Çalışmıyor ...

04.03.2019 - 01:13

Css dosyasını link ile tanımladım ve klasöre girerek sadece h1 başlığının rengini değiştirmek istedim ve olmadı. Display kısmı block gözüküyordu.

Fakat html dosyası içerisine style etiketinin içerisinde yazarsam bunu kabul ediyor. 

Neden css klasöründe çalışmıyor?

 


<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link href="style.css" rel="stylesheet" type="text-css" />
/*<style>
body {
background-color: white;
}
h1 {
color: blue;
padding-left: 30px;
}
</style>*/

</head>
<body>


<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

<script src="script.js"></script>
</body>
</html>
 

6,668 Görüntülenme

8 Cevap

Sitedeki sorulara cevap verebilmek için giriş yapın ya da üye olun.

Profile picture for user salihtekneci
salihtekneci
27.07.2022 - 10:07

Merhaba çözümünüzü söylüyorum:

Kodların üst kısmında bulunan Head bölümünün içine "<link rel="stylesheet" href="css dosyasının adı">"

yazmanız yeterli olacaktır.Böylelikle Css dosyasını Html dosyasına bağlayabilirsiniz.Ama eğer Css dosyanız bir klasörün içinde ise şunun gibi yazmanız gerekir:

"<link rel="stylesheet" href="/Css dosyasının içinde olduğu klasör adı/Css dosyası">" bu iki koddan uygun olanını yazarsanız Css dosyaları çalışacaktır.

İyi günler.

Profile picture for user vedatklc
vedatklc
20.05.2021 - 07:45

aynı sorunu şuan bende yaşıyorum ama bir türlü çözemedim. burdan anlattıklarınızı da uyguladım yine de olmadı. bendeki sorun da şu css uzantısına kodları yazıyorum sonra html uzantısında head bölümünün içine link vererek yani şu şekilde  <link href="stil.css"  rel="stylesheet" type=""/> ama uygulamaya geçmiyor standart h1 etiketi tarzında falan kalıyor yardım ederseni sevinirim

 

Salih Tekneci
27.07.2022 - 10:09

Eğer "href" kısmına <link rel="stylesheet" href="/Css in içinde bulunduğu klasör/Css dosyası"> yazarsanız kodunuzun çalışması lazım,eğer çalışmıyorsa başka bir yerde hata var demektir.

 

picture-193624-1551092863.jpg
rukiyebilgii
06.03.2019 - 10:30
Yardımların için teşekkürler Ali. Denedim ve oldu.
picture-193624-1551092863.jpg
rukiyebilgii
05.03.2019 - 08:26
Sorun link verirken type kısmının olması ve keşte kalmasıymış. Type kısmını silerek sayfayı chrome üzerinden açtım ve shift+f5 yaparak sorunu düzelttim. Cevaplayan arkadaşlara da teşekkürler.
Ali Keskin
05.03.2019 - 05:03
hayır, type kısmını yanlış yazdığınıZ için type="text-css" değil type="text/css" olması gerekiyor.
picture-247883-1551484865.png
suslen1
05.03.2019 - 03:31

Yolu yanlıştır

 

picture-61362-1544162200.jpg
AliKeskin
04.03.2019 - 09:57

<link href="style.css" rel="stylesheet" type="text-css" /> satırını <link href="style.css" rel="stylesheet" type="text/css" /> olarak değiştirebilir misin ? düzelecektir, type="text/css" bu şekilde olması gerekiyor çünkü

picture-193624-1551092863.jpg
rukiyebilgii
04.03.2019 - 08:41
Bir klasör oluşturup içerisine style.css, index.html ve script.js dosyaları var yani farklı bir klasör de değil. Script.js dosyasının nerede olduğunu algılıyor ve otomatik düzeltmeleri çekiyor fakat css uzantılı dosyadan çekmiyor
Ali Keskin
04.03.2019 - 09:57
satırını olarak değiştirebilir misin ? düzelecektir
picture-61362-1544162200.jpg
AliKeskin
04.03.2019 - 02:20

CSS klasörün içinde CSS dosyan mı var ? Klasör olduğunu söylemişsin ama burada <link href="style.css" rel="stylesheet" type="text-css" /> klasör yolu belirtmemişsin, sadece dosya adını yazmışsın. Eğer html dosyanın bulunduğu klasörde css için ayrı bir klasör var ve css dosyası bunun içindeyse hrefte doğru yolu belirtmen gerekiyor.

<link href="klasor-adi/style.css" rel="stylesheet" type="text-css" />