Css Siteye Nasıl Eklenir - 4 Aşamalı Tam Anlatım.

Bu konuda Css'i sitemize nasıl ekleriz onu anlatıcağım.

Css'i sitenize eklemenizin 4 yolu vardır.Bunlar;

Kod İcerisine ekleyebiliriz Style etiketi kullanılarak ekleyebiliriz ( Head tagları arasına ) Harici stil şablonu kullanarak ekleyebiliriz. [B @[Sadece kayıtlı ve aktif kullanıcılar bağlantıları görebilir. ]ort[/B] kullanarak ekleyebiliriz.
1- Kod İcerisine Eklemek

1. Yontemle
ve
etiketi icerisine style kullanarak ekleyebiliriz.Alttaki orneği dikkatlice bakarak nasıl eklendiğini daha iyi bir şekilde anlayabilirsiniz.
Kod:
Css'i Kod İcerisine Ekleme


2- Style Etiketi Kullanarak Eklemek

2.Yontemle
tagları arasına [/COLOR]

Bu etiketin kullanım orneği şu şekildedir. arasına yukarda belirlemiş olduğumuz etiketi(id) adını doğru bir şekilde yazmalıyız.

Kod:
Css'i siteme style kullnarak ekledim


3- Harici Stil Şablonu Kullanarak Eklemek

Css kodlarımızın tumunu .css uzantılı bir dosyaya ekleyebiliriz bu eklediğimiz kodları sitemize cok kolay bir şekilde cağırıp kullanabiliriz.Bu yontem diğer yontemlerden daha fazla ilgi duymaktadır nedeni ise bir cssyi her sayfaya eklemek yerine bir dosyadan alarak sitemizin hızlanmasıdır.

Oluşturduğumuz bir .css uzantılı dosyayı sitemize cağırmamızı sağlayan kod aşağıdadır.Ornek dosyamızın ismi deneme.css olsun

Kod:



4- @İmport yaparak Eklemek

[B @[Sadece kayıtlı ve aktif kullanıcılar bağlantıları görebilir. ]ort sayesinde elimizdeki bir kac css dosyasını tek bir dosya haline getirebilir ve sitemize ekleyebiliriz.Mesela elimizdeki deneme.css , test.css , ornek.css dosyaları mevcut bu dosyaları tek tek html icerisine eklemek yerine oluşturduğumu bir @[Sadece kayıtlı ve aktif kullanıcılar bağlantıları görebilir. ]ort dosyası sayesinde daha hızlı bir şekilde sitemize ekleyebiliriz.Ornek dosyamızın ismi cssler.css olsun.


cssler.css dosyasının iceriği şu şekilde olmalıdır :
Kod:
@[Sadece kayıtlı ve aktif kullanıcılar bağlantıları görebilir. ]ort url(/cssdeneme.css) @[Sadece kayıtlı ve aktif kullanıcılar bağlantıları görebilir. ]ort url(/csstest.css) @[Sadece kayıtlı ve aktif kullanıcılar bağlantıları görebilir. ]ort url(/cssornek.css)


Konu Alıntıdır.
Daha Fazlası İcin;
Css Dersleri - Web Master Uzmanı