Forum'da ara:
Ara


Yazar Mesaj
Mesaj01.11.2008, 13:57 (UTC)    
Mesaj konusu: Cssde Kısaltmalar

1. Font

Normalde bir font tanımlarken 4 adet CSS kodu kullanılır:

1. font-weight: bold;
2. font-family: verdana, sans-serif;
3. font-size: 11px;
4. line-height: 15px;


Kısaltma olarak kullanlan kod ise tek satır:

1.font: bold 11px/15px verdana, sans-serif;





2. Background

Background tanımlarken 5 adet atama yapmamız gerekirken kısaltma kullanarak tek tanıma indirebilriz.

1. background-color: #000;
2. background-image: url(ard.jpg);
3. background-repeat: no-repeat;
4. background-attachment: fixed;
5. background-position: 50px 50px;


Kısaltırsak:

1. background: { #000 url(ard.jpg) no-repeat fixed 50px 50px; }



3. Renkler(Hex-decimal)


CSS stillerinde renkler genelde hex-decimal renk kodu ile tanımlanır örneğin color: #ff0000; kırmızı. Renkler 6 karakterle gösterilsede bir çok renk(web tabanlı) 3 karakterin tekrarlanması ile oluşturulur. Örneğin, kırmızı’nın hex-decimal kodunun kısaltırsak color: #f00;. Buradaki her karakter hex-decimal koddaki iki karaktere karşılık gelmektedir. Mesela, beyaz renk kullanacağınızda, color: white; veya color: #ffffff; kulanımı önermeyiz. Kısaltılmış olanı color: #fff; kullanmanız daha avantajlıdır.
4. Border

Kenarklık tanımlamalarında her özellik için bir tanımlama yapılır. örnek olarak bir elementin üst kenarına atama yapmak için:

1. border-top-width: 2px;
2. border-top-style: dashed;
3. border-top-color: #f00;


Kısaltırsak:

1. border-top: 2px dashed #f00;

Bu özellikleri tüm kenarlara uygulmak için:

1. border: 2px dashed #f00;
______________

Tasarımım hakkında yorum için http://www.bedava-sitem.com/forum/viewtopic.php?t=102163
Mesaj01.11.2008, 13:58 (UTC)    
Mesaj konusu:

ALINTIDIR...
______________

Tasarımım hakkında yorum için http://www.bedava-sitem.com/forum/viewtopic.php?t=102163
Mesaj01.11.2008, 21:55 (UTC)    
Mesaj konusu:

Merhaba

Şu Başlığı İnceleyiniz ;
Arrow http://www.bedava-sitem.com/forum/viewtopic.php?t=39280
Lütfen Forumda Arama Yapmadan Başlık Açmayınız...

İyi Eğlenceler...

______________
www.ironarchives.tr.gg
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu