CSS Fontları
HTML dosyanızdaki Fontları değiştirmenize ve düzenlemenizi sağlar.
Örnekler
Font Belirleme
<html>
<head>
<style type="text/css">
h1 {font-family: Impact}
p.bir {font-family: "Bookman Old Style"}
p {font-family: "Comic Sans MS"}
</style>
</head>
<body>
<h1> Bu bir baslik </h1><br>
<p class="bir">Bu bir paragraf</p><br>
<p>Bu bir paragraf</p>
</body>
</html>
Manşet (caption) Özelliği İle Hazırlanan Metin
<html>
<style type="text/css">
p.sinif {font: caption}
</style>
<body>
<p>Bu bir paragraf</p>
<p class="sinif">Bu da captionlu paragraf</p>
</body>
</html>
Font Büyüklüğü Ayarı
<html>
<style type="text/css">
h1 {font-size: xx-large}
h1.bir {font-size: x-large}
p {font-size: large}
</style>
<body>
<h1>Bu birinci baslik</h1>
<h1 class="bir">Bu ikinci baslik</h1>
<p>Bu bir paragraf</p>
</body>
</html>
Font Büyüklüğünün size-adjust ile Ayarlanması
<html>
<style type="text/css">
h1 {font-size-adjust: 0.50}
h1.bir {font-size-adjust: 0.40}
p {font-size-adjust: 0.60}
</style>
<body>
<h1>Bu birinci baslik</h1>
<h1 class="bir">Bu ikinci baslik</h1>
<p>Bu bir paragraf</p>
</body>
</html>
Font Stil Ayarları
<html>
<style type="text/css">
h1 {font-style: italic}
h1.bir {font-style: normal}
p {font-style: oblique}
</style>
<body>
<h1>Bu birinci baslik</h1>
<h1 class="bir">Bu ikinci baslik</h1>
<p>Bu bir paragraf</p>
</body>
</html>
Variant Stil Ayarları
<html>
<style type="text/css">
p.bir {font-variant: small-caps}
</style>
<body>
<p class="bir">Bu bir paragraf</p>
<p>Bu bir paragraf</p>
</body>
</html>
Birlikte Kullanılan Birkaç Özellik
<html>
<style type="text/css">
p {font-weight: bold;font-variant: small-caps;font-style: oblique;font-size: xx-large}
</style>
<body>
<p>Bu bir paragraf</p>
</body>
</html>
Sonraki ders için tıklayınız...
Copyright © 2005 Uzerine.com