CSS (Cascading Style Sheets - Yüklenen Stil Sayfaları), HTML sayfasının stilini tanımlamakta kullanılan dildir. CSS, HTML elementlerinin nasıl gösterileceğini tanımlar. HTML dili sayfaların içeriğini tanımlamak için oluşturulmuştu, sayfanın stilini-formatını belirlemek için değil. CSS, HTML taglarında stil belirleme işinin kaldırılmasını kolaylaştırdı. (font, basefont, center gibi taglar HTML5 ile birlikte kaldırıldı) Ayrıca büyük bir kullanım kolaylığı sağlanmış oldu, tüm sayfalarda geçerli olacak şekilde tanımlanan harici CSS dosyaları sayesinde yüzlerce HTML dosyasında aynı anda değişiklik yapmak kolay hale geldi.
Profesyoneller tarafından hazırlanan w3.css, bootstrap.css veya benzeri dosyaları internet sitesi yapımında kullanmak büyük kolaylıklar sağlar, cep-tablet uyumunu da en iyi şekilde sağlamanıza yardımcı olur.
CSS'nin nasıl kullanılabileceğini inceleyelim:
Harici dosya ile
Head tagları arasında harici dosya belirtilerek kullanılabilir:
<link type="text/css" rel="stylesheet" href="./w3.css">
Style tagı ile
<style>
.sinif1{color:green;background-color:aqua;}
#id1{color:blue;background-color:aqua;}
</style>
Harici dosya ve style tagı kullanarak yaptığınız tanımlamaları, uygun taga class ve id özelliğini tanımlayarak kullanabilirsiniz. Ayrıca direkt olarak tag isimlerini yazarak özellik aktarabilirsiniz. . işareti class tanımlamakta, # işareti ise id tanımlamakta kullanılır. Örneğin tanımladığımız "sinif1" class'ını div tagında şu şekilde kullanabiliriz:
<div class="sinif1">
Selam</div>
Direkt tagın içerisinde tanımlayarak:
<div style="font-size:20px;font-style:italic;">
Bu bir denemedir
</div>
5. dersimizin dosyalarını indirmek için
tıklayınız.