Useful shortcuts for vi editor

Monday, 11 April 2011

HTML kodları üzerinde CSS sınıfları oluşturma


Daha önce .css uzantılı dosyamızı HTML olarak oluşturduğumuz web sayfamıza yüklemiştik. Bu yazıda ise direk HTML kodları üzerinde CSS sınıfı oluşturup, sayfa içinde kullanacağız. 

<!--html’de css dosyası kullanımı-->
<html>
 <head>
<style type="text/css"> <!-- css sınıfı oluşturma -->
.links{
color:#2F4F4F;
font-family:"Times New Roman",Georgia,Serif;
font-style:italic
}
</style>
</head>
 <body>
  <p>Sayın ziyaretçi, <a class="links" href="baglanti.html" text>Lütfen linke tıklayınız. </a></p> <!--link oluşturma-->
 </body>
</html>

Yukarıdaki görüldüğü üzere, .links css tipinde bir tema tanımladık. Daha sonra bu css tipini link verirken kullandık.

Sonuçta, ister internal (içten) ister external (dıştan-dosyadan) olarak tasarladığınız CSS sınıflarını kullanabilirsiniz. Hepinize mutlu günler dilerim. J