kısaca bu konu bize şu kolaylığı sağlayacak arkadaşlar :bizim belirttiğimiz belirli özelliklere sahip birden çok eleman tanımlayarak sitil sınıfı oluşturmak bizim açımızdan pratik olacak. bu şekilde hazırladığımız sitilin sınıf ismini belirterek istediğimiz bölüme bu sitilleri rahatlıkla uygulayabileceğiz
arkadaşlar bir sitil sınıfı tanımlarken sınıf ismini önüne bir nokta ( . ) koyarak belirmek mecburiyetindeyiz. Mesela teknohaberci sınıfı oluşturacağım bu sınıfın uygulandığı yerlerde font büyüklüğünü ve rengini değiştirmek istiyorum:
Kod:
<STYLE>
<!--
.teknohaberci {
font-size: 12;
font-color: black;
}
// -->
</STYLE> Şeklinde bir tanımlama yaptım bunun için. bir sınıf ismi belirleyerek istediğimiz taga uygulayabiliriz. Bir sınıfı herhangi bir elemana uygulamak için o elemanın CLASS özelliğini kullanacağız.
teknohaberci sınıfını herhangi bir <B> tagına uygulamak istersek :
bu bölüm
Kod:
<B CLASS=”teknohaberci”> teknohaberci </B>
sınıf ile oluşturuldu.
şeklinde bir ifade gereklidir. teknohaberci sınıfını sadece <B> tagı içerisinde değil mesela herhangi bir <P> veya <DIV> tagı ile birlikte de kullanabilirdim arkadaşlar. Bu şekilde bir kullanım sadece sınıf ismi belirtilen taga etki edecek ve diğer taglara herhangi bir etki etmeyecekti.
Kod:
<HTML>
<HEAD>
<TITLE> teknohaberci</TITLE>
<STYLE>
.onemli
{
background-color : black;
color : white;
font-size:12;
font-type:verdana;
margin : 20;
border-width:1;
border-color:red;
border-style:solid;
}
.buyuk
{
background-color : yellow;
color: blue;
font-size:24;
}
</STYLE>
</HEAD>
<BODY> <H1> teknohaberci</H1>
Sitil tanımlaması yaparken ID önüne # diyez işareti getirmeliyiz.
Alıntı:
|
Eleman IDsi genel olarak dHTML programlarında kullanılmaktadır. Böylece istenilen elemanın özelliği JavaScript içerisinden rahatlıkla değiştirilebilmektedir.
|
:::teknohaberci:::
12-02-2008, 08:31
Benzer Konular 
