Basit Css örneği

Aşağıda çok basit bir Html sayfası ve buna uygun CSS örneğini görüyorsunuz. Temel seviye olduğu için CSS dosyası ayrı bir sayfada tutulmak yerine aynı dosyanın başlık kısmında <style></style> tagları arasında tanımlanmıştır.

CSS stilleri yazılırken şu kurala göre yazılır:

eleman-tanımlayıcı { özellik:değeri ; }

Aşağıdaki Css örneği başlık yazısının rengini kırmızı yapar:

h1{ color:red}

Bu örneğe uygun bir html sayfası aşağıda gösterilmiştir. Bu kodları Not defterine yapıştırıp farklı kaydet seçeneği ile HTML uzantısı ile kaydedin.

<html>
<style>
h1{ color:red}
</style>
<h1>Başlık yazısı</h1>
</html>

Dosyaya çift tıkladığınızda kırmızı yazı ile başlık yazılmış olduğunu göreceksiniz