Anasayfa

Html & Css

Html web sayfalarına CSS 'i eklemek
Facebookta Paylaş

Html web sayfalarına CSS 'i eklemek

Daha önce buradaki Html Css'e Giriş  konusunda da değindiğim css'i web sitelerine ekleme yöntemlerini sadece bu konuya yoğunlaşmak isteyenler için  tek başına ayrı bir konu olarak tekrar yazmak istedim. 

1-) In-Line (Html Kodları içinde css)

<span style="color:#e8e8e8;font-weight:bold;">İçeriğimiz</span>

2-) Head Tagları arasında <style></style> bloğu içinde tanımlayarak

<head>
  <style>
    .ornek {font-weight:bold;color:#e8e8e8;}
 </style>
</head>

Bu şekil tanımlamadan sonra sayfamızda <body></body> tagları arasında html nesnelerimizin class özelliğinde kullabiliriz.

<body>
  <span class="ornek">
İçeriğimiz</span>
</body>

3-) Dışardan css dosyamızı sayfamıza ekleyerek

Kodladığınız css dosyasını dosya yolunu belirterek web sayfamıza ekleyebiliriz. Sayfamızla aynı dizindeki css dosyamızı aşağıdaki gibi ekliyoruz. Css dosyamızın yoluna göre href kısmını değiştirmemiz gerekiyor.

<link rel="stylesheet" type="text/css" href="dosyadi.css" />

 

10 Ekim 2013 21:36 Kategori :Html & Css3980
Sitene Ekle :
Yukarıdaki kodu sitenize ekleyerek bu konuyu sitenizde yayınlayabilirsiniz.