Css dosyası hakkında soru.
Hocam şimdi bu css dosyası hakkında anladığım kadarı ile websayfasını hazırladık ve yazılara linklere renkler wereceğiz tasarımdan ayrı örneğin deneme.css adında bir css dosyası oluşturuyoz ve sayfamızın <head>
<link rel="stylesheet nofollow" type="text/css" href="deneme.css" />
</head>
bölümüne bu şekilde kodu yerleştirdiktinten sonra o sayfa ile alakalı yazıların boyutunu şeklini linklerin rengini ws ws olayları hep ´´deneme.css´´ dosyasından kolayca değiştirilebiliyor galiba ama bu css tanımlamalarını web sayfasında da yapabiliriz css dosyası kolaylık sağlıyor.birde css oluştururken
eleman-tanımlayıcı { özellik:değeri ; } bu kurala göre yazılıo bu websayfası içinde yer alacaksa yapılıyor sanırsam birde bu css dosyası oluşturduktan sonra basit css komutlarını nerden bulacaz yazacaz.yazı boyutunu rengini tıklandığında alacağı rengi nasıl değiştireceğiz.
Anlattıklarım bilenlere komik gelebilir belki ama bilmeyen we yarım bilen için karışık görünüyor.Hocam bu konuda aydınlatırsanız sewinirim.İlginize şimdiden teşekkürler.
dw
dreamweaver o işe yarıyor. gerekli tüm kodları otomatik gösteriyor.
yarın vaktim olursa onun videosunu da hazırlarım.
dw
Teşekkür ederim hocam bekliyorum.Css yi tasarımı biraz daha öğrendikten sonra php yi üzerine inşa etsek daha iyi olacak anlaşılan. :)
cevap
tam demek istediğin şumu
mesala yazı üzerine gelindiğinde rengi değişecek ve yahut değişen başka tür elemanlar
örnek:/
yazi a{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#990000;
background-color:#666666;
}
yazi a:hover{
color:#FFFFFF;
font-size:24px
}
burda yazi diye bir sınıf oluşturuyoruz yazi a´da yazinin normal haline
yazi a:hoverde ise yazının üzerine gelince nasıl bir biçime geleceğini gösteriyoruz inş yardımcı olabilişimdir..
Class, Id, tag CSS kullanımı
tam demek istediğin şumu
mesala yazı üzerine gelindiğinde rengi değişecek ve yahut değişen başka tür elemanlar
örnek:/
yazi a{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#990000;
background-color:#666666;
}
yazi a:hover{
color:#FFFFFF;
font-size:24px
}
burda yazi diye bir sınıf oluşturuyoruz yazi a´da yazinin normal haline
yazi a:hoverde ise yazının üzerine gelince nasıl bir biçime geleceğini gösteriyoruz inş yardımcı olabilişimdir..
hocam çok hoş bir örnek vermiş.. ufak bir düzeltme yapiimm hocam unutmuş galiba..
kırmızı ile işretli yerler..başında nokta olacak şekilde olacak..;
.yazi ==> şeklinde olacak.. bunun sebebi html de CLASS a hükmedeceği içindir...
#yazi ==> şeklinde olsaydı bir ID e hükmedeceğini anlardık..
yazi ==> şeklinde olması bunun bir tag olduğunu gösterir..
(Örneğin: <p>,<b>,<i>,<hr> gibi taglar için başında # ve . olmadan stil tanımlarız. )