Ziyaretçi Sayısı

ARAMA YAPIN

CSS Kod Örnekleri etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
CSS Kod Örnekleri etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

10 Haziran 2014 Salı

CSS Kodlar ve Görevleri


Mavi renkteki kodlar CSS ye yazılacaktır.


z-index: 9999;Hep üstte tutar
position:fixed;Sabit tutar

position:absolute;Konumlandırma yapar

position:relative;Göreceli konum 

position:static; kaydırma çubuğu ile birlikte aşağı yukarı hareket ederler margin: -30px 0px 10px 345px;margin: top right bottom left text-decoration:none;Link yazısı altındaki çizgiyi kaldırır background-color:red;Arka plana renk verir color:green;Yazıya renk verir text-align:center;Yazıyı konumlandırır a:link{color:Blue;} a:hover{color:Red;}Link üzerine fare geldiğinde yazı rengi değişir a:active{color:Green;}Link Tıklandığında aktif rengi görünür a:visited{color:Maroon;}Link tıklatıldıktan sonra yazı rengi değişir width: 95%;Genişlik Büyütme border:3px solid red;yazıyı çerceveler border-radius:10px;oval alan oluşturur padding: 100px 60px 30px 60px;Ölçülü Ped alan yapar display: none;Ekran görünmez display: block;Ekran görünür text-shadow: 1px 1px 1px blue;yazıyı titrek yapar -webkit-box-shadow: 10px 10px 10px rgba(140, 250, 100, 1);Pede gölgeleme yapar -moz-box-shadow: 10px 10px 10px rgba(140, 250, 100, 1);Pede gölgeleme yapar line-height: 10;Pedi dikine uzatır background:url(http://elektrosin.com/resim/note1.png) no-repeat;Arka plana tek resim yerleştirir background-size:100px;Arka plan resimi boyutlandırır background-color:lightblue;Arka plan rengi background-position:100px;Arka plandaki resim ya da yazının konumu font-size:19px;yazı boyutunu belirler color:yellow;Yazı rengi cursor:url('resim/tasi.cur'), default;Fare imleci değişikliği visibility: hidden; border-right: 8px solid transparent; opacity: 0.5; line-height: 28px; z-index:1; overflow: visible; display: inline; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); float: right; vertical-align: middle; text-decoration: underline; outline: none; background:transparent url(images/shadow.png) no-repeat scroll 0 0; background: transparent url(images/shadow.png) repeat-x scroll 0 -30px; background:transparent url(images/shadow-c.png);