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);