Merhaba arkadaşlar bu örnek dersimizde hazırlamış olduğumuz html dosyası içinde stil kullanmayı göstereceğim size.
Bilenler mutlaka vardır ama bu konuyu bilmeyen ve öğrenmek isteyen arkadaşlar için açıyorum.
Css kullanmak için öncelikle
html 'i iyi derecede bilmek gereklidir.
Şimdi html temel kodları oluşturacağız. Bilmenizi isterim ki bu kodlar html dosyası içinde olmazsa olmaz kodlardır.
<html>
<head>
<title>Html Temel Kodları - LitmuS</title>
</head>
<body>
</body>
</html>
Yukarıdaki kodları söz konusu .html uzantılı dosyamızın içerisine yazdıktan sonra kayıt edebiliriz. Böylelikle temel html kodlarını oluşturmuş oluyoruz. Buraya kadar hiç bir css işlemi gerçekleştirmedik. Buradan sonra css işlemlerine bağlayacağız.
<html>
<head>
<title>Html dosyası içinde stil kullanma - LitmuS</title>
<style type="text/css">
#kirmiziyazilitmus { color:red; font:Verdana, Arial, Helvetica, sans-serif; font-size:35; }
#turuncuyazilitmus { color:orange; font:Verdana, Arial, Helvetica, sans-serif; font-size:45; }
</style>
</head>
<body>
<div id="kirmiziyazilitmus">Buradaki yazı KIRMIZI renk olarak ekrana yansıyacaktır</div>
<span id="turuncuyazilitmus">Buradaki yazı SARI renk olarak ekrana yansıyacaktır</span>
</body>
</html>Burada asıl öğrenmemiz gereken şey her işlem için ayrı ayrı stil düzenliyebiliyoruz. isterseniz div isterseniz span kullanabilirsiniz yayıgın olanı div olanıdır.