Anasayfa / Css / Css Nedir? ve Kullanımı

Css Nedir? ve Kullanımı

CSS nedir?: Css açılım itibariyle “Cascading Style Sheets” ve Türkçe karşılığı ise Stil şablonlarıdır. Css ile sayfalarımız için global (genel) şablonlar hazırlayıp, sayfanın veya sayfanın içinde bulunan tüm elemanların düzenlemelerini yapmamıza olanak sağlar ve bunu tek bir şablondan düzenleme şansına sahip oluruz. Css ile bir resmin veya yazının boyutunu, rengini, konumunu, efektlerini ve daha bir çok özelliklerini değiştirme şansına sahibiz. Css kullanımı, dahili – sayfa içi – satır içi olarak 3 (üç) şekilde kullanılır.

Css kullanım:

Dahili css kullanımı
Sayfa içi css kullanımı
Satır içi css kullanımı

Dahili css’de, style.css veya başka bir isimde dosya oluşturup, bunu sayfamızın meta kısmında sayfamıza dahil etmemiz ile kullanılır. Örnek kullanımı ise şu şekildedir.

Style.css dosyamızın içine ise kodlarımız şu şekilde yazılır.

Sayfa içi Css kullanımında ise çalışma sayfamızın <head> tagları arasına <style type=”text/css”> ….. </style> kodlarımızı açarak, bu kodumuzun içine yazdığımız css türüdür. Örnek kullanımı ise şu şekildedir.

Satır içi Css kullanımı ise kodlarımızın arasında parametre olarak kullandığımız yöntemdir. Bu kullanımın örneği de tam olarak şu şekildedir.

Bu örnekte gördüğümüz üzere <div> kodumuzun içine style=”” parametresini belirleyip, bu parametrenin içinde Css kodlarımızı kullandık. Yukarıdaki yazımızda “Sitemiz Yayına Girdi!” yazısının büyüklüğü “16 pixel” ve rengi ise “#CCC” olarak belirledik.

Peki hangisini kullanmalıyım? : Google açısından düşündüğümüzde, arama motorlarının desteklediği tür “dahili css” şablonlarıdır. Yani diyorki; tek bir sayfadan sitenin bütün stil özelliklerinin ayarlanması yapılmalıdır. Arama motorlarının daha hızlı anlayabileceği bir yapı olduğu için biz size “dahili css” kullanımını öneririz. Çok özel durumlarda diğer kullanımları yapabilirsiniz.

2 Yorumlar

  1. Css nedir ve nasıl kullanılacağı ile alakalı faydası dokunacak bir makale olmuş. Özellikle css kodlarının kullanım biçimleri bu kadar net anlatılamazdı.

  2. Css özellikle özel tasarım çizen ve bunun kodlamasını yapan kişiler için çok daha önemli. Sayfa tasarımlarında css şablonunun oluşturulup, bu şablon üzerinden tüm sitenin görsel bileşenlerinin yönetilmesi, düzenlenmesi hem pratik olacak hem ise arama motorlarına olumlu bir yansıması olacaktır. Google’da bilindiği üzere stil şanlonlarının tek dosyada olmasını ve bu dosya üzerinden kontrol edilmesine önem veriyor. Yani arama motoru botu sitenize geldiği zaman tek stil dosyanızı inceleyecek, daha az karmaşa olacağı için bot fazla zaman kaybetmeyecektir. Buda diğer sitelere ayıracağı zamanı arttıracağından ödül olarak artı puan hanenize geçecektir. Özellikle Html5 ve Css3 gibi yeni web standartlarının kullanılması daha çok önemli gibi duruyor. Bu faydalı makale için teşekkür ederim.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir