CSS'i WEB SAYFASINA EKLEMEK

HTML sayfalarımıza css uzantı Dosyalarımızı eklemenin iki yöntemi vardır. Ayrıca css kodlarını HTML sayfalarımızda kullanmanında iki yöntemi vardır.

1. YÖNTEM => Kod içinde (inline style)
HTML <p> Etiketimizde görelim:

<p style="color:blue">Bu bir parağraftır</p>

Tüm css komutlarını kodların içine direk uygulamak önerilen bir kodlama şekli değildir. Özel durumlarda kullanılır.

1. YÖNTEM =><style> Elemanı kullanarak


<head> bölümüne <style> Etiketi ekleyerek arasına css kodları yazılır.

<html>
<head>
<style type="text/css" >
p{color:red;}
<style>
</head>

Birinci Yönteme göre Etiket ile css birbirinden ayrıştırılmış oluyor.

3.YÖNTEM => Harici css Dosya kullanımı


Bu kullanımda css kodlarımızı xxx.css uzantılı bir dosya kaydederiz.Dosyanın ismi önemli değil uzantı (.css) olsun.

Deneme.css oluşturalım

p{color:red}
i{color:blue}

Daha sonra bu Deneme.css Dosyasını websayfamıza ekleyelim.

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

Bu yöntemle oluşturduğumuz (.css) uzantlı dosyayı tüm sayfalara ekliyebiliriz. Arama motorları (google vb.) bu yöntemi dikkate alıyor yani seo için uygun bir yöntem.

4. YÖNTEM => @ import ile Eklemek


<style="text/css">
@import "Deneme.css";
</style>

Adınız

Eposta

Mesaj

8517

Güvenlik No

REKLAM
KATEGORİ
POPÜLER MAKALE