CSS'in açılımı Cascading Style Sheets yani Basamaklı Stil Şablonlarıdır. Bu sayfanın arka planı bu renk olsun. Yazılar 12px olsun ama Comic Sans olsun gibi şeyleri söyleyebilmemizi sağlar. Bu kodları html sayfamızdaki <head></head> arasına yazacağımız <style type="text/css"></style> tagları içerisine yazıyoruz aşağıdaki resimde olduğu gibi..
 |
| css kodlarını nereye yazmalı ? |
Burada söyleyeceğiniz şeyleri komple sayfa için söylemek durumunda değilsiniz html içerisindeki tagları kullanarak da komutlar verebilirsiniz, örneğin paragrafların arka planı kırmızı olsun derseniz css gidip html içindeki <p></p> tagları arasındaki yazının arka planını kırmızı yapar ..
 |
| css kodundaki karakter açıklamaları.. |
Eğer html içindeki taglar işinizi görmüyorsa mesela sadece şu satıra style vermek istiyorum derseniz de class vermeniz gerekir. bunu da aşağıdaki örnekte olduğu gibi yapabilirsiniz .. Yine deneme yapmak için
tık tık..<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<style type="text/css">
<!-- Paragrafları yani <p></p> tag'ının içindeki kısımların arka planını kırmızı yapar.
Text inside the <p></p> tag will have a red background -->
p { background-color: red; }
<!-- Class'ı yellowb olan tagların arka planını sarı yapar.
Text with a class yellowb will have a yellow background -->
.yellowb { background-color: yellow;}
</style>
</head>
<body>
<p>Paragraf ... Paragraph...</p>
<table border='0'>
<tr>
<td class="yellowb">Satırın arka planı sarı. Background color is yellow</td>
</tr>
</table>
</body>
</html>
 |
| Bu da görünüşü |
No comments:
Post a Comment
Yorumlarınız içerisinde blogunuzun / sitenizin linkini vermemenizi rica ederim.. Link verilen yorumlar yayınlanmayacaktır.