Zeki Can - WordPress

  CSS

CSS Nedir?

  CSS    7 Nisan 2014
Yorum Yok

CSS bir kısaltmadır. “Cascading Style Sheets” kelimesinin baş harflerinden oluşur.  Bizim dile çevirirsek anlamı ise Basamaklı Stil Sayfası’dır.

HTML’ye ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunar.

İnternet sayfalarından genel geçer şablonları hazırlarken, bağımsız olarak harflerin stilini, yani renk, yazı tipi, büyüklük gibi özelliklerini değiştirmek için de kullanılabilir. Bu css tekniğinin en önemli özelliği kullanımındaki esnekliktir.

Bir web sayfanız var. Bu web siteniz de kullandığınız kodlar birbiriyle uyumlu  birkaç renk ve birkaç yazı tip kullanılır. Bunları her sayfada ayrı ayrı yazmak hem sitemizin kod boyutunu arttırır hem de aynı şeyleri yazıp durmak iyi bir kodlama yapısı değildir. Bunları ayrı ayrı belirtmek yerine CSS yardımıyla bir sefer tanımlayıp bütün web sayfalarında ortak olarak kullanabilirsiniz. Sonuç olarak sayfalarınızın kod boyutu küçülür ve bazı değişiklikleri yapmanız kolaylaşır.

Bir Web sayfası içerisinde birbiriyle uyumlu birkaç renk ve birkaç yazı tip kullanılır ve bunları her sayfada ayrı ayrı tekrar belirtmek yerine CSS yardımıyla bir sefer tanımlayıp bütün Web sayfalarında ortak olarak kullanılabilir. Böylece sayfaların hafızadaki boyutu epey küçüldüğü gibi güncelleme yapmak da kolaylaşır.

CSS kodları, HTML kodlarının içine yazılabir. Aynı zamanda harici bir CSS dosyası oluşturularak da dışarıdan da çağırılabilir. Türüne göre <BODY> veya <HEAD> bölümleri arasında yer alabilirler.

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

Üstteki kodla CSS dosyası çalışma sayfasına eklenebilir. Aşağıda da örnek bir css kodunu inceleyebilirsiniz.

<html>
<head>
 
<style>
#logom{
             width:250px; 
             height:250px; 
             border:solid 2px}
 
.ZekiCanNetLogo{
             background:url(https://siteadresi.com/wp-content/themes/temam/logomtb.png)}
</style>
 
</head>
<body>
 
<div id="logom">
<div class="ZekiCanNetLogo"> </div>
</div>
 
</body>
</html>

<style> etiketleri arasına css kodlarımızı ekledik.

113 okunma

Etiketler : , , , , ,

  Benzer Yazılar


  Yorumlar

Bir Cevap Yazın

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

Bu yazıya henüz yorum yapılmamıştır, yazı hakkındaki düşüncelerinizi paylaşmaktan çekinmeyin.

  Arama Yap

  Arşivler