Notepad++ Değişiklikleri Göstermiyor

Merhabalar arkadaşlar, Web Tasarım işini öğrenmeye yeni başladım. Notepad'in son sürümünü kullanıyorum. Tarayıcım Google Chrome olarak seçili ancak yaptığım hiçbir değişikliği web sayfasında göremiyorum. Renk, yazı tipi, boyutu falan ekrana yansımıyor. Sebebi nedir yardımcı olur musunuz?Şimdiden teşekkürler...

Ctrl + Shift + R veya Ctrl + F5 ile sayfayı yenilemen gerek.
Eğer CSS, JavaScript, resim gibi dosyaları HTML'de değiştireceksen örneğin CSS dosya içeriğini değiştirdiğin zaman

style.css'den sonraki soru işaretli bölümü eklemelisin. Her css değişikliğinde "v=1.0" değerini değiştirirsen gözükecektir. Yeni versiyon eklemek gibi düşün.

ZubizukTumTum dedi:

Ctrl + Shift + R veya Ctrl + F5 ile sayfayı yenilemen gerek.
Eğer CSS, JavaScript, resim gibi dosyaları HTML'de değiştireceksen örneğin CSS dosya içeriğini değiştirdiğin zaman

HTML:Panoya kopyala

"<link rel="stylesheet" href="/deneme/style.css?v=1.0" />"

style.css'den sonraki soru işaretli bölümü eklemelisin. Her css değişikliğinde "v=1.0" değerini değiştirirsen gözükecektir. Yeni versiyon eklemek gibi düşün.

Genişletmek için tıkla...

Kardeşim çok teşekkür ederim. sanırım cevapladın ama ben tam anlayamadım. yeniyim dedim ya youtube dan dersleri öğrenmeye çalışıyorum ve css e yeni geçtim henüz. yaptığım şey;
<style type="text/css">
h1 (background-color:blue
</style>
Gördüğün gibi bu kadar basit işler yapıyorum senin dediğin şeyleri nereye ve niye yazacağımı anlamadım.
Ben xhtml ve css in eski sürümünü öğreniyorum altyapı sağlam olsun diye acaba bu dediğini son sürümlerde mi yapmamız gerekiyor?Sayfa yenilemeyi de yapıyorum tabiki kaydettikten sonra.

kodcuts dedi:

Kardeşim çok teşekkür ederim. sanırım cevapladın ama ben tam anlayamadım. yeniyim dedim ya youtube dan dersleri öğrenmeye çalışıyorum ve css e yeni geçtim henüz. yaptığım şey;
<style type="text/css">
h1 (background-color:blue
</style>
Gördüğün gibi bu kadar basit işler yapıyorum senin dediğin şeyleri nereye ve niye yazacağımı anlamadım.
Ben xhtml ve css in eski sürümünü öğreniyorum altyapı sağlam olsun diye acaba bu dediğini son sürümlerde mi yapmamız gerekiyor?Sayfa yenilemeyi de yapıyorum tabiki kaydettikten sonra.

Genişletmek için tıkla...

Dediğim öneriyi CSS'i ayrı bir dosya içinde yazıp sonrasında HTML'e import ettiğin zaman yapman gerek. Yazdığın şekilde yapıyorsan dediğim gibi CTRL + SHIFT + R veya CTRL + F5 ile yenilediğin zaman sonuç yenilenecektir.

ZubizukTumTum dedi:

Dediğim öneriyi CSS'i ayrı bir dosya içinde yazıp sonrasında HTML'e import ettiğin zaman yapman gerek. Yazdığın şekilde yapıyorsan dediğim gibi CTRL + SHIFT + R veya CTRL + F5 ile yenilediğin zaman sonuç yenilenecektir.

Genişletmek için tıkla...

Ben dosyaların hepsini html olarak kaydediyorum. CSS ayrı bir dosya nasıl açılır ki? o dediğin f5 ctrl shift r falan hepsini denedim onlar işe yaramıyor. yaptığım ve nasıl göründüğü ektedir.

ZubizukTumTum dedi:

Ctrl + Shift + R veya Ctrl + F5 ile sayfayı yenilemen gerek.
Eğer CSS, JavaScript, resim gibi dosyaları HTML'de değiştireceksen örneğin CSS dosya içeriğini değiştirdiğin zaman

HTML:Panoya kopyala

"<link rel="stylesheet" href="/deneme/style.css?v=1.0" />"

style.css'den sonraki soru işaretli bölümü eklemelisin. Her css değişikliğinde "v=1.0" değerini değiştirirsen gözükecektir. Yeni versiyon eklemek gibi düşün.

Genişletmek için tıkla...

Anlatmaya çalıştığınız şeyi biraz araştırınca anladım ve açtığım konunun cevabını buldum. Teşekkür ederim.
Xhtml yani eski sürümden başladığım için değişiklikler yeni sürüm notepad++ da CSS için farklı ve bir dosya açmadan, o dosyayıda HTML dosyasıyla ilişkilendirmeden yazılan komutlar çalışmıyor. İlişkilendirme ise sizin yukarıda belirttiğiniz gibi. Çok sağolun ...

CSS kodlarınızın söz dizimi hatalı, bu yüzden tarayıcı çalıştırmıyor. Olması gereken yapı şu şekilde:

Fatalis dedi:

CSS kodlarınızın söz dizimi hatalı, bu yüzden tarayıcı çalıştırmıyor. Olması gereken yapı şu şekilde:

CSS:Panoya kopyala

h1 {
   padding: 25px;
   border-color: orange;
}

Genişletmek için tıkla...

Süslü parantez yerine parantez kullandığım için mi hata acaba? Teşekkürler

kodcuts dedi:

Süslü parantez yerine parantez kullandığım için mi hata acaba? Teşekkürler

Genişletmek için tıkla...

Evet, varsayılan CSS'in söz diziminde { kullanılıyor.