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 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.

h1{ color:red}

Başlık yazısı

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