HTML koduna CSS nasıl eklenir?

Hüsnü_Çoban

Picopat
Katılım
5 Nisan 2020
Mesajlar
937
Çözümler
3
Yer
İstanbul Asayiş Polis Merkezinde
Evet biliyorum bu soruları çok sordum. Biraz anlama sıkıntılıyım :D.

Örn:
<!DOCTYPE html>
<html>
<head>
<title> deneme</title>
</head>
<body>

</body>

</html>

Buraya en kolay yoluyla CSS kodları nasıl eklerim?
İnternette "div" ile yaz diyorlar ama anlamadım. Örnekle gösterir misiniz?
 
Katılım
4 Mart 2015
Mesajlar
1.405
Çözümler
7
Yer
Bursa, Türkiye
Dahili CSS kullanabilmen için css kodlarını <head> etiketinden sonra <style> etiketi açarak bunun içerisine yazmalısın. İnternette dahili CSS kullanımı yazarak daha fazla kaynağa ulaşabilirsin.
 

Personvern

Centipat
Katılım
12 Haziran 2020
Mesajlar
1.097
Makaleler
1
Çözümler
11
Yer
İstanbul
3 farklı kullanımı var yukarıdaki linkten anlayacağın üzere. External bir CSS dosyası oluşturup, HTML dosyasına linkle. HTML dosyan ile aynı dizinde olsunlar. En optimize kullanım şekli bu.

bu şekilde:
  <link rel="stylesheet" type="text/css" href="style.css" />
 

Davas

Kilopat
Katılım
24 Temmuz 2019
Mesajlar
5.465
Makaleler
19
Çözümler
130
Yer
İstanbul
head etiketi içine style açabilirsin. Yani;

HTML:
<!DOCTYPE html>
<html>
    <head>
        <title> deneme</title>
        <style>
            /* CSS kodları */
        </style>
    </head>
    <body>

    </body>
</html>

Diğer bir seçenek de ayrı bir CSS dosyası oluşturup head etiketi içinde import edebilirsiniz.

HTML:
<!DOCTYPE html>
<html>
    <head>
        <title> deneme</title>
        <link rel="stylesheet" type="text/css" href="dosya_yolu/dosya_adi.css" />
    </head>
    <body>

    </body>
</html>
 
Son düzenleme:
Yukarı