Profesyonel Web Sayfaları için Html Ve Css 'yi Birleştirin | | Css:
Hızlı bir şekilde şablonlar oluşturmak ve profesyonel websayfaları için bire bire bir .. küçük bir örnek... Eğer elinizde Dreamweaverin Mx sürümü varsa sağ tıklayarak sayfa üzerinden Css->NewCss tiklayarak bir harici css uzantili dosya yada <style> </style> parametreleri arasinda ayarlarinizi gorebilirsiniz.
Mesela assagidaki gibi bir css kodumuz var
.Tarihmetin {
font-family: Tahoma;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #CC0033;
}
.Karametin {
font-family: Tahoma;
font-size: 13px;
font-style: normal;
font-weight: bold;
color: #00000;
}
ve tablolarimiz var her tablonun birinci satirinda Tarihmetin ikinci satiri ise karametin olarak gostermek istiyorum
eger tum bu ayarlari tum tablolarda yapmaya kalkmis olsaydim nerdeyse her tablo icin 10 tik yada kopyala yapistir ile 10 kez olacak ama iste css en guzel yani bu olaylari sadece istenilen html taglarina Class="tanimladiginiz" isim seklinde ekleyeceginiz bir kodla bitirmeniz...
<style>
.Tarihmetin {
font-family: Tahoma;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #CC0033;
}
.Tarihmetin2 {
background-color: #C0c0c0;
font-family: Tahoma;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #CC0033;
}
.Karametin {
font-family: Tahoma;
font-size: 13px;
font-style: normal;
font-weight: bold;
color: #00000;
}
</style>
<table>
<tr>
<td class="tarihmetin"> Selam </td>
</tr>
<tr>
<td class="Karametin"> Dunya </td>
</tr>
<tr>
<td>
<text area class="tarihmetin2"> Muahahahah </textarea>
</td>
</tr>
</table>
Tam olarak css hakkinda diger dokumanlari eger kendiniz yazmak istiyorsaniz google.com.tr den gerekli butun dokumanlara ulasabilirsiniz.
Ya da Dreamweaver'i siddetle tavsiye ediyorum ...
Gorusmek uzere!... |