HTML Stiller/Styles

Html style ozniteligini incelemeden once basit olarak p/font elementleriyle bir ornek yapalim.

<p align="center"><font size="5" color="green">"Sonunda kendimi buldugum yerde mi yitirdiniz beni?" 
Pablo Neruda</font></p>

SONUC:

"Sonunda kendimi buldugum yerde mi yitirdiniz beni?" Pablo Neruda


Evet attribute=deger kullanimlariyla istedigimiz gibi bir sonuc elde ettik.fakat cogunlukla basit attribute=deger ciftleri bizim isteklerimizi karsilamayacaktir. daha once bahsettigimiz style ozniteligi ile CSS dunyasina bir adim atarak CSS'in gucunu gormeye baslayalim.

HTML Stil/Style Kullanimi-Giris

<tagname style="attribute1:value1;attribute2:value2;..."></tagname>
<tagname style="attribute1:value1;attribute2:value2;..."/>
Simdi yukarda yaptigimiz ornegin benzerini css degerleriyle yapalim
<p style="text-align:center;font-size:26px;color:green;">Sonunda kendimi buldugum yerde mi yitirdiniz beni?" 
Pablo Neruda</p>
SONUC:

Sonunda kendimi buldugum yerde mi yitirdiniz beni?" Pablo Neruda


HTML Text Size-Text Font Boyutu

Css'de font-size ozelligi textin font boyutunu tanimlar
<p style="font-size:32px;">Css-Html-1</p>
<h2 style="font-size:150%;">Css-Html-2</h2>

HTML Fonts

Css'de font-family kullanilacak yazi tipini tanimlar
<p style="font-family:Arial;">Css-Html-1</p>

HTML Arka Plan Rengi-Background Color

Css'de background-color kullanilan ogenin arkaplan rengini ayarlar
<p style="background-color:green;">Css-Html-1</p>

HTML Text-Color / Metin Rengi

Css'de color kullanilan ogenin yazi rengini ayarlar
<p style="color:green;">Css-Html-1</p>

HTML Metin Hizalama

Css'de text-align kullanilan ogenin yatayda hizalanmasini saglar (left,right,center)
<p style="text-align:right;">Css-Html-1</p>

Yukardaki bilgilerden yararlanarak bir ornek yapalim
<p style="color:white;text-align:center;font-size:28px;font-family:Arial;background-color:grey;">
	Sonunda kendimi buldugum yerde mi yitirdiniz beni?" <br/>
	<strong style="color:yellow">Pablo Neruda</strong>
</p>

Sonunda kendimi buldugum yerde mi yitirdiniz beni?"
Pablo Neruda


Bu derste css konusuna giris yaptik,CSS baslikli ayri bir ders daha bulunmaktadir.

Bu derse ait gorus ve onerilerinizi yada farkettigniz hatalari Lutfen bana bildirin!
birbyte.net@gmail.com