CSS Ders-1 Giriş ve Seçiciler
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

CSS Ders-1 Giriş ve Seçiciler

profil
cArleone
BEĞEN(2)
BEĞENME(1)
GÖRÜNTÜLENME(2508)
RAPOR ET
CSS derslerine başlıyorum.İlk ders olarak biraz tanıtıp seçicilere başlayacam.
CSS web sitelerimizi tasarımı için kullanabileceğimiz bir dil.
HTML ile bir iskelet oluştururuz bu iskelete css ile şekil veririz.
İnsan vücudundan örnek verecek olursak.kemikler html -derimiz css.

Şimdi seçicilere geçelim.seçici ne derseniz.bir html elemanına css vermek için
ona ulaşmamız gerek işte bu ulaşma yollarına seçici deriz.

css in genel yapısını şu şekilde göstereyim.
seçici{ kod:değer; }

Şimdi en çok kullanılan seçicilerden başlayalım.

1-class
html de
<div class="isim">cArleone</div>

diye yazarız css de .isim şeklinde erişiriz.
.isim{color:red;}


2-id
html de
<div id="isim">cArleone</div>

diye yazarız css de #isim şeklinde erişiriz.
#isim{font-size:10px;}


3-tag
html de
<div>cArleone</div>

diye yazarız css de .direk tag ismi ile erşiriz. a tagı için a img için img.
div{font-family:Arial;}


4-parametre
html de
<div class="isim" name="div">cArleone</div>

diye yazarız css de .her hangi bir paremetresi şumu diye erişiriz. [paremetre ismi=değeri]
.isim[name=div]{margin:1em;}


5-alt nesne seçicisi
html de
<div class="isim"> <span>cArleone </span></div>

diye yazarız css de.Şu tagın içindeki şu tagı seç deriz.
.isim span{margin:1em;}
.isim:hover span{margin:1em;}


şimdilik bunlar işimizi görür.daha bir çok seçicisi vardır ilerde görücez.



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol