kisa kod etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
kisa kod etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

29 Ağustos 2012 Çarşamba

Css Ve Kısaltmalar

Css Kodlama Yaparken Çeşitli Kısaltmalar Kullanmamız Kod Yığışmasını Ve Kod Karmaşıklığını Önleyecektir Hemde Sayfa Load Edilme Boyutlarını En Aza İndirgemiş Oluruz

Dış Boşluklar'da Kısaltma
margin-top:1px;
margin-right:2px;
margin-bottom:3px;
margin-left:4px;

Kısaltılmış Hali
margin:1px 2px 3px 4px;

1.Üst 2.Sağ 3.Alt 4.Sol

padding-top:1px;
padding-right:2px;
padding-bottom:3px;
padding-left:4px;

Kısaltılmış Hali
padding:1px 2px 3px 4px;

1.Üst 2.Sağ 3.Alt 4.Sol

Fontlar'da Kısaltma
font-weight: bold; (Font Kalınlığı & İnceliği)
font-family: verdana, sans-serif; ( Font Tipi )
font-size: 11px;( Font Boyu )
line-height: 15px; ( Satır Arası Boşluğu )

Kısaltılmış Hali
font:normal 11px/15px verdana, sans-serif;

Arkaplan'Da Kısaltma
background-color: #000;
background-image: url(test.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 50px 50px;

Kısaltılmış Hali
background:#000 url(test.jpg) no-repeat fixed 50px 50px;

Kenarlıklar'Da Kısaltma
border-top-width: 2px;
border-top-style: dashed;
border-top-color: #f00;

Kısaltılmış Hali border: 2px dashed #f00;