[ZuLuuuuuu]

Merhabalar,
Bugünlerde bir browser merakı başladı bende o yüzden yeni browser'lar deniyordum. Yalnız yazdığım bir script'te kullandığım tekniğin sadece IE'de geçtiğini anladım şimdi diğer browserlarda bu tekniği nasıl uygulayabilirim sorayım:

CSS dosyamdan bir parça yazıyorum:

.hucre_acik
	{
	Background-Color : #FFFFFF;
	Color : #000000;
	font : 9pt;
	}
#kucuk
	{
	font : 10px;
	}

şimdi ben küçük bir yazı yazacağımda şöyle yapıyordum:

<font class="hucre_acik" id="kucuk">Bu küçük bir yazı</font>

ama yukarıdaki kod IE'de çalışırken diğer browser'larda çalışmıyor çünkü diğer tarayıcılar id ile CSS'den birşey seçmeme olanak tanımıyor. Class ile birden fazla seçim yapabilir miyim ya da ne önerirsiniz?

[gameover]

bu CSS tanımlaması her browserda çalışır. ancak font: boyut; yerine font-size: boyut; kullanmanı öneririm.

<font> elementi yerine de <span> daha uygun olacaktır.

ayrıca <font class="hucre_acik" id="kucuk">Bu küçük bir yazı</font> ile sen yazıya, hem 9pt ol hem de 10px ol, arka planın beyaz, yazı rengin de siyah olsun diyorsun. o da dolayısıyla 10px olarak yazdırıyor kendini.

sağlamasını:

.hucre_acik
{
Background-Color: black;
color: red;
font-size: 9pt;
}
#kucuk
{
font-size: 10px;
}

ile yapabilirsin.

[mehmet]

Oncellikle id ve class ayriminin neden yapildigini anlamak gerekiyor CSS de. id (#logo) bir web sayfasi icinde e$i olmayan benzersiz elemanlar icin bir kere kullanilir. Mesela ben bir sayfaya logo koymayi istersem ve bu logonun bir defa kullanilacagini biliyorsam id kullanabilirim. class ise birden fazla kullanilabilir bir sayfa icinde (.logo).

Bunlari soyledikten sonra yanlizca bir font boyutu icin id kullanmak, id'yi gereksiz kullanmak olur. Bu nedenle yukarida yazdigin CSS bence daha farkli yazilabilir.

CSS icinde "kisayol" (shorthand) denilen kullanimlar mevcuttur ama kurallarini takip etmen gerekir. Mesela bir font taggi icinde sunlar yer alabilir

font: italic bold 1.3em/1.7em Verdana, sans-serif;

Ve bu kod bir kelimeyi bold ve italic yapar. 1.3em boyutunda ve satir yuksekligi 1.7 boyutunda olur ve font Verdana yada mevcut olan herhangi bir sans-serif font.

ama yanlizca font:bold demek kisayolu yanlis kullanmaktir. Onun yerine font-weight:bold; demek gerekir.

Genelde (genelde diyorum) id'ler bolge belirtmek icin kullanilir ve class ile support edilmez. Mesela

<div id="logo">
<p class="altyazi">XYZ Sirketi</p>
</div>

Classlari birden fazla kullanabilirsin ayni tag icinde ornegin eger asagidaki gibi bir CSS'in varsa

.kirmizi {color:#FF0000;}
.koyu {font-weight:bold;}

ve sen bir kelimeyi hem bold hem de kirmizi yapmak istiyorsan sunu yapabilirsin

<p class="kirmizi koyu">XYZ Sirketi</p>

[ZuLuuuuuu]

Teşekkür ederim.

[cemshid]

mehmet süper açıklamış durumu..
fakat ileride sorun yaşamaman için bir ekleme yapmak istiyorum...

class ya da id için isim girerken, kullanacağın içerikle ilgili girmeye çalış, göstereceğin şekille ilgili değil..

id="logo" doğru bir kullanımken, class="kirmizi" yada class="koyu" yada class="kirmizi koyu" yanlış olmasa bile kötü bir kullanım şekli olabilir ve ileride aklını karıştırabilir..

sebebi ise, artık hemen hemen tasarımın hepsini CSS ile kontrol ettiğimiz için şimdilik KIRMIZI renk ile kullandığın metni , bir sonraki ay MAVİ olarak kullanmak isteyebilirsin, ya da koyu kullandığın metni italic yapmak isteyebilirsin..
o zaman

.kirmizi{color:#00F;}
.koyu{font-style:italic;}

şeklinde bir kodun olur. belki ilk aşamada kafan fazla karışmaz ama bir süre sonra işin içinden çıkamaz hale gelebilirsin..

[gudi]

arkadaşlar gerçekten çok güzel bilgiler vermişsiniz çok sağolun