HTML koduna CSS nasıl eklenir?

Hüsnü_Çoban

Hectopat
Katılım
5 Nisan 2020
Mesajlar
2.681
Çözümler
9
Daha fazla  
Cinsiyet
Erkek
Meslek
Sivil Polis
Evet biliyorum bu soruları çok sordum. Biraz anlama sıkıntılıyım :D.

[CODE lang="html" title="Örn"]<!DOCTYPE html>
<html>
<head>
<title> deneme</title>
</head>
<body>

</body>

</html>
[/CODE]

Buraya en kolay yoluyla CSS kodları nasıl eklerim?
İnternette "div" ile yaz diyorlar ama anlamadım. Örnekle gösterir misiniz?
 
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.
 
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.

[CODE lang="html" title="bu şekilde"] <link rel="stylesheet" type="text/css" href="style.css" />[/CODE]
 
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:

Geri
Yukarı