Style.css Kodlarının İşlevi

style.css dosyasındaki kodların ne işe yaradıklarını açıklamaya çalıştım.

Evet arkadaşlar Style.css dosyasındaki kodların ne işe yaradıklarını açıklamaya çalıştım.


/* Normal, standard links. */

a:link

{

    color: #xxxxxx;

    text-decoration: none;

}

a:visited

{

    color: #xxxxxx;

    text-decoration: none;

}

a:hover

{

    text-decoration: underline;

     color: #xxxxxx;

}



link= forumda yazılan linklerin rengi

visited= link tıklandıktan sonraki rengi

hover= mause link'in üstündeyken rengi

bunlara renkgini degiştirmek için ( color: #xxxxxx ) kısmını değiştiriyoruz.

text-decoration: yazıların altını, üstünü, üzerini çizmek veya çizmemek için kullanılan özellik.

- underline > Altı çizili yazı
- overline > Üstü çizili yazı
- line-through > Üzeri çizili yazı
- none > çizgili olmayan yazı
-blink >Üzerine gelince yanıp sönen yazı



/* Navigation links - for the link tree. */

.nav, .nav:link, .nav:visited

{

    color: #000000;

    text-decoration: none;

}

a.nav:hover

{

    color: #cc3333;

    text-decoration: underline;

}



Buradaki kodları link ağacının özelliklerini değiştirmek için kullanıyoruz.




/* By default (td, body..) use verdana in black. */

body, td, th , tr

{

    color: #000000;

    font-size: small;

    font-family: verdana, sans-serif;

}



/* The main body of the entire forum. */

body

{

    background-color: #E5E5E8;

    margin: 0px;

    padding: 12px 30px 4px 30px;

}



Bu kodlarda ise forumun genel ayarlarını yapıyoruz.(Genişlik,arkaplan,yazı rengi vb.)


/* Input boxes - just a bit smaller than normal so they align well. */

input, textarea, button

{

    color: #000000;

    font-family: verdana, sans-serif;

}

input, button

{

    font-size: 90%;

}



textarea

{

    font-size: 100%;

    color: #000000;

    font-family: verdana, sans-serif;

}



/* All input elements that are checkboxes or radio buttons. */

input.check

{

}



/* Selects are a bit smaller, because it makes them look even better  . */

select

{

    font-size: 90%;

    font-weight: normal;

    color: #000000;

    font-family: verdana, sans-serif;

}



Bu kısım ise forumumuzda kullandıgımz input, textarea, buttonların özelliklerini değiştirdiğimiz kısımdır.



  • Etiketler;
Mümin KAZAN
1993'te dünyaya geldi. Lise eğitimini Anadolu Teknik Lisesi - Web Tasarım bölümünü bitirdi.Üniversite eğitimini Erzincan Üniversitesi Eğitim Fakültesi Bilgisayar ve Öğretim Teknolojileri Eğitimi bölümünde devam ettirmektedir.Gün geçtikçe yeni bir şeyler öğrenmeyi, kendini geliştirmeyi seviyor. Vazgeçemediği hobisi, fotoğraf çekmektir.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git