IRCRehberi.Net- Türkiyenin En iyi IRC ve Genel Forum Sitesi  
 sohbet
derya sohbet


Css Dersleri Css Nedir , Nasıl Eklenir ? Css yazı tipleri , Css Tablolar.

3Beğeni(ler)
  • 1 Post By ExCaLuBuR
  • 1 Post By ConteS
  • 1 Post By BuKLe


 
 
Seçenekler Stil
Alt 21 Aralık 2022, 10:49   #1
Standart CSS Nasıl Eklenir?

Bir tarayıcı açıldığı zaman stilleri okur ve o stilin kullanıldığı HTML elementlerini belirtilen özelliklere göre şekillendirir.

Üç şekilde sayfamıza stil ekleyebiliriz. Bunlar:
  • Stilleri CSS Dosyasından Çağırmak
  • HTML Sayfasında CSS Yazmak
  • HTML Elementinin İçerisinde Stil Belirtmek

1. Stilleri CSS Dosyasından Çağırmak

Öncelikle bir not defteri ya da CSS düzenleyici program açmalısınız.

CSS Kodlarınızı [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]na uygun olarak yazın ve kaydedin.

HTML Sayfanızı açıp <head> ile </head> arasına aşağıdaki şekilde stil dosyanızın adını belirtin.

HTML-Kodu

<link href="stil_dosyasi.css" type="text/css" rel="stylesheet"/>
href="DOSYA_ADI" ile belirttiğimiz yerde bizim kaydettiğimiz dosyanın adı yer almalı ve HTML sayfası ile CSS dosyası aynı klasörde bulunmalıdır. Farklı bir klasörde kullanmak istiyorsak HTML sayfasına göre konumu yazmamız gereklidir.

Dosya adını doğru yazdıysak artık CSS dosyamızı HTML sayfamıza bağladık demektir. Yani CSS dosyamızdaki stilleri rahatlıkla HTML sayfamızda kullanabiliriz.

2. HTML Sayfasında CSS Yazmak

HTML sayfamızda HEAD elementlerinin arasında STYLE elementi kullanarak stiller yaratmamız mümkün. Aşağıdaki örneğe bakalım:

<html>
<head>
<title>ircrehberi.net css dersleri</title>
<style type="text/css">
body { background-color:black; color:white; }
p { font-family: Tahoma, Verdana; font-size: 12px; }
</style>
</head>
<body>
<p>Bu 12 piksel Tahoma yazı tipi ile yazıldı.</p>
</body>
</html>

Örneğe baktığımızda <style type="text/css"> elementini HEAD elementi içinde açıp kapatıyor ve içine stillerimizi yazıyoruz. Böylelikle dosyamızda belirttiğimiz stiller dışarıdan bir dosyaya bağlı olmaksızın kullanılabilir olacaklar.

3. HTML Elementinin İçerisinde Stil Belirtmek

Bazen stil dosyası ya da STYLE elementi kullanmadan hızlı çözümler üretmek gerekebilir. Böyle durumlarda her elementin style="" özelliği kullanıma hazırdır. CSS kodlarını element içinde açacağımız STYLE özelliğine sıralarız. Örneğin;

HTML-Kodu

 <p style="font-family: Tahoma; font-size: 12px;">
         Bu 12 piksel Tahoma yazı tipi ile yazıldı.
      </p>
Tavsiye edilen kullanım yolu 1 numaralı maddede anlattığımız harici bir dosya kullanmanızdır.

Alıntı:
css.sitesi
 
Alt 21 Aralık 2022, 10:53   #2
Standart

Emeğinize sağlık

 
Alt 21 Aralık 2022, 10:54   #3
Co Admin
BuKLe - ait Kullanıcı Resmi (Avatar)

Standart

teşekkür ederiz

 


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Kapalı
Pingbacks are Kapalı
Refbacks are Kapalı





Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şuanki Zaman: 22:40.