Cascading Style Sheets hakkındaki sorunlar / çözümler ve hazır kod parçacıkları,
Merhaba arkadaşlar,
Margin ile yatay ortalamak :
Width değeri olan ve float değeri olmayan nesneleri margin ile ortalarız.
Html :
|
1 2 3 4 5 |
<div class="marginOrtala"> Margin: 0px auto; veya margin-left:auto; margin-right:auto; </div> |
Css:
|
1 2 3 4 5 6 |
.marginOrtala { width: 500px; margin: 0px auto; background:green; height:300px; } |
Merhaba arkadaşlar,
Bazı arkadaşlar çok daha ileri şeyler beklerken bazı arkadaşlar ise ufak detaylar / püf noktalar bekliyor o yüzden 2 ileri bir geri yapacağım.
Bugün ki konumuz
<ul> içindeki <li>’leri ortalamak veya <ul> içine <li>’leri bulunduğu genişliğe yaymak.
<ul> tagına
|
1 2 |
width : genişlik; text-align:center; |
<li> taglarına
|
1 2 |
display:inline-block; float:none; |
Okumaya devam et < ul > içindeki < li >‘leri ortalamak veya…
İştah kabartan bir css3 özelliği ile karşınızdayım.
Heryerde belirtmişimdir teorik bilgiyi sevmiyorum diye. Bu ön yargım beni çok gerilere götürdü, daha uzun kodlar yazmak zorunda kalıyorum. O yüzden teorik bilgiye önem vermek gerekiyor bunu tekrar tekrar anlıyorum.
Html bir objenin genişlik değerine border, padding değerlerini dahil etmek için kullanılır. (Esnek bir yapı oluşturmak için vazgeçilmez bir özellik.) Okumaya devam et CSS3 box-sizing nedir ? nasıl kullanılır ?
Uzun zaman oldu yazmayalı.
Eşim dostum çok sitem etti “neden yazmıyorsun” diye, evet çok ihmal ettim sizleri ama bundan sonra yavaş yavaş toplamaya çalışacağım.
Konumuza dönecek olursak, psd to css işlemi yapan arkadaşlara ufak bir bilgi.
Html css js yazarken *-reklam-* isimli class/id veya dosya adı kullanmayın, Firefox Adblock eklentisi direk bu isimli dosyaları engelliyor, html objelerini ise gizliyor.
CSS3 background özellikleri (background-size, background-origin, background-clip) konusunda aceleci davrandığım için
“background-image” olayını anlatmayı unuttum o yüzden bu özelliği başlı başına bir konu olarak anlatıyorum.
Arabirim geliştiriciliği yani halk ağızı ile (psd to css veya front end developer) yapan kişilerin css’den ilk ihtiyaç duyduğu “bir objeye iki farklı arka plan resmi atamak” Okumaya devam et background-image nedir ? nasıl kullanılır ?
