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;

Css İle Açılır Buton Yapımı

Şu Sıcak Yaz Günlerinde Evde Oturup Bişeylerle Uğraşmanın En İyisi Olduğunu Düşünenlerdenim  :D

Ne Yapayım Diye Düşünürken Aklıma Geldi Hemen İşe Koyuldum Tabiki...

Öncelikle Kafanıza Takılabilecek Olan Css Kodlarımızdaki Kısaltmalardan Bahsedelim
margin:0px 0px 0px 0px; ( Bildiğimiz Dış Boşluk Elemanı Margin Kısaltılmış Hali )
1.Üst 2.Sağ 3.Alt 4.Sol

padding:0px 0px 0px 0px; ( Bildiğimiz İç Boşluk Elemanı Padding Kısaltılmış Hali )
1.Üst 2.Sağ 3.Alt 4.Sol

Önce Butonumuzu Oluşturuyoruz

Butonumuza Link Verince Altı Çizili Olmaması Ve Renginin Değişmemesi İçin Gerekli Clasımızı Oluşturduk
2.Buton Yani Açılacak Olan Buton Clasımızı Oluşturduk

1.Buton'Un Üstündeki Yazıya Gelince Ne Yapması Gerektiğini Clasımıza Yazdık

Html Kodlarımız



Açılır Butonun Tamamı (Tüm Kodlar)



İndirmek İçin Tıklayınız

Css WordWrap Validator Hatası Ve Jquery İle Çözümü

Genişliği Sabit Divlerde Boşluk <br/> Yada nbsp; Tagı Bırakmadan Yazı Yazınca Divlerden Yazı Taşıyordu Bunun İçin Çözüm Bulmuştuk Ancak Kodu W3cValidatörden Bir Türlü Validate Edemiyorduk

En Son Aklımıza Jquery İle Class Ekleme Fikri Gelmişti Böylece Hem Validatörden Kaçıcaktık Hemde Kodumuz Yine Çalışacaktı.

Jqueryde Katkılarından Dolayı Ali BAYTOK'a Teşekkürler.

Örnek Kod