İkizlerBilişim
 
  Ana Sayfa
  Ziyaretçi defteri
  ATATÜRK'ÜN Hayatı
  iletişim
  Devrimleri
  Gençlige Hitabe
  10.yıl Marşı
  İstiklal Marşı
  Anılarla Atatürk
  Vecizeler
  Atatürk Fotoğrafları
  ATATÜRK KRONOLOJİSİ
  DIŞ BASINDAN ATATÜRK
  ATATÜRK İLKELERİ
  Atatürk’ün Eserleri
  Atatürkün Anıları
  Atatürk Şiirleri
  29 Ekim şiirleri
  10 Kasım Şiirleri
  Atatürk'ün Ailesi
  ATATÜRK’ÜN TARİHE VERDİĞİ ÖNEM
  Atatürk'ün sözleri
  Üyelik
  Forum
  Haberler
  Anketler
  Nedir ?
  Nasıl Kullanılır
  Donanımları
  yazılımlar
  office
  Photoshop
  dreamweaver
  dow
  mp3
  VİDEO
  RESİM
  sobet
  format atma
  SİSTEMİ GERİ YÜKLEME
  VİSTA FORMATI
  DONANIM EKLE
  Css Nedir?
  Css Etki Yönleri
  Link Özellikleri
  Genişlik Özellikleri
  HTML-FBML-JAVA Nedir?
  Hit Arttırmanın 8 Yolu
  Siteni Google'e Ekle
  Bedava Site Aç
  Top liste
  Aşk Nedir ?
  Yeni sayfanın başlığı
  dzdf
  Yeni sayfanın başlığı44
  Üye Girişi
  Üyelik1
  metin2 site tasarımı
  Site Paketi
  Online desteek
  Yeni sayfanın başlığı123
  Css Tasarımlar
  Renkli tasarım
  Gri tasarım
  asdasd
  tasarım
  ziyertçi ıp ve bilgilerini götern kod
  İcon Arsivi
  Html Kodlar
  Yeni
  Reklam Ortalama Kodu
  Yazılı Saat Kodu
  Sol Alt Duyuru Kodu
  Yazılı Sayaç Kodları
  Bs Reklamlarını Çerçeve İçine Alma
  Online Sayac Kodu
  Değişen Site Başlığı Kodu
  Css Mesaj Kutusu
  Yukarı Çık Çapası Kodu
  Online-Offline Kodu
  Tıkladıgında Açılan Pencere Kodu
  sd
  İsrail Boykot Kodu
  Degisen Linkler Kodu
  Vakitlere Göre Değişen Mesajlar
  Yeni sayfanın başlığız
  Yeni sayfanın başlığı2
Link Özellikleri
link özellikleri yani pseudo-class ve pseudo-element özellikleri sadece link lerde kullanılmaz yani bir çok elementte kullanılabilir bu kodların tanımları şunlardır

:link
:visited
:hover
:active
:focus
:first-child
:lang
pseudo-element
:first-letter
:first-line
:before
:after


:link, :visited, :hover, :active


genelde linklerde bu 4 lü birlikte kullanılır 
:link => Tıklanmamış link özelliğini belirler
:visited => Tıklanmış link özelliği belirler
:hover => Linkin üzerine gelindiğindeki özelliği belirler yada bir elementin
:active => Aktif bir linkin özelliğini belirler yada bir elementin
Örnek bir kullanım yapalım bir linkimize yukarıdaki özellikleri uygulayalım
a:link { color: black;}  /* normal linkimiz siyah olsun*/
a:visited { color: blue;} /* tıklanmış linkimiz mavi olsun*/
a:hover { color: red} /* üzerine gelince kırmızı renk olsun */
a:active { color: aqua;} /* aktif yani linke tıklayınca turkuaz renk olsun */


örnek kullanımı bu şekilde yukarıda ki kodlarda gördüğü gibi hek kodun önüne "a" harfi ekledik yani HTML link elementini seçtik örnek başka bir elemet yada bizim verdiğimiz class ve id de ekleyebiliriz alttaki örnek gibi
#Deneme a:link { color: black;}  
#Deneme a:visited { color: blue;} 
#Deneme a:hover { color: red} 
#Deneme a:active { color: aqua;}


:focus


:focus kodumuz seçilen bir elementin özelliğidir bu kodumuzda linklerde kullanılabilir ama bu kodumuzun daha iyi anlamak için ben bir metin kutusu "input" ile örnek vericem kodumuza geçelim
.kutu {border: 1px solid black;} /* bir kutu tanımladım ve normalde bu kutunun borderi siyah olsun*/
.kutu:focus {border: 1px solid red;} /* ve kutu seçilince yazı falan yazarkende borderleri kırmızı olsun */



:first-child


:first-child kodumuzda bir makalede bulunan kodları veya o elementin ilk satırını özelleştirebiliriz örneklerle devam edelim bir makalede ilk satırı kalın yapalım 
örnek
p:first-child {font-weight: bold;}


veya bir makaledeki yazımızın sadece içindeki bir elementi seçmek istiyorsak örnek
p > em:first-child {font-weight: bold}

üstteki kodumuzda p elementinin içinde > bulunan em elementine özellik verebiliriz

eğer sadece ilk satırdaki elemente özellik vermek istiyorsak kodumuz şu şekilde kullanabiliriz
p:first-child em {font-weight: bold}


:lang


:lang kodumuzda farklı dilde yazılmış elemente özellik vermemizi sağlar örnek kullanım
css
p:lang(tr) { font-weight: bold; }

html
<p lang="tr"> farklı dilde yazdım var sayalım</p>

pseudo-element


:first-letter


:first-letter kodumuzda ise bir yazımızın ilk harfine özellik verebiliriz gazetedekiler gibi
örnek:
p:first-letter {color:#ff0000;font-size:xx-large}



:first-line


:first-line kodumuzda ise makalemizin ilk satırına özellik verebiliriz örnek 
Örnek:
p:first-line { 
text-transform: uppercase;
font-weight: bold;
}



:before


:before kodumuzda ise bir makalenin öncesine ekrana yazı yazdırabiliriz, Resim Ekleyebiliriz, hatta ses dosyası bile ekleyebiliriz fakat css de ses çalmayı hiç bir tarayıcı şuan desteklemiyor 
örnek olarak ekrana yazı yazdıralım:
p:before { content: "Not: " }


eğer resim eklemek istiyorsak alttaki kodu kullanabiliriz ses içinde aynıdır
p:before { content: url(resim.gif) }


:after


:after kodumuzda :before kodmuzla aynıdır fakat :after kodumuz ile bir elementin sonuna özellik verebiliriz kod kullanımı :before ile aynıdı


 
   
Bugün 33157 ziyaretçi (56348 klik) kişi burdaydı!
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol