Zeki Can - WordPress
CSS Nedir?
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.
Etiketler : Cascading Style Sheets, Css, CSS Kodu Kullanımı, CSS Nasıl Kullanılır, CSS Nedir?, CSS Örnek Kullanım
