Boş boş bakılmaz…
css olarak etiketli yazılar
Css ile yanyana kutular yapalım.
6 Tem
Artık Css öğrenme vakti geldi. Yıllardan beri tablolar tablolar yetti artık css ile tek tıklama ile istediğiniz yerin rengini değiştirmek arka plana bir resim atmak için dakikalarca uğraşmak istemiyorum.
İlk dersim sayfa temelinde oldukca kullanılacak yapıyı oluşturmak için gerekli bir örnek
Div = Kutu
Kutuları yanyana koymak. aşağıdaki gibi yaparsanız ne yazarsanız yazın kutular alt alta gelecektir.
Bunun için biraz css yazmamız gerekiyor.
CSS 3.0CSS yazıyoruz.
Buradaki en önemli css kodu float:inherit; bu sayade kutuda gerekli bir alan varsa içindeki kutular alt alta değil yanyana gelecek eğeryer kalmazsa alta inecek.
Kutum özelliklerine bir daha bakalım
Kutum içinde yanyana kutuları barındaracak ana kutumuz.
float:inherit; ile gerekli alan varsa yanyana dizim devam edecek
height:300px; kutumun yüksekliğini bu kodla belirledik.
width:1000px; kutunun genişliğini bu kodlar belirledik.
background:#333333; kutu gözle görülsün diye arka plana renk atadık.
İç kutu css özellikleri
float:left; ile sol tarafa kutuların yerleşmesini istiyoruz.
border:#000000;
border:dotted; ile kutuları daha belirgin yaptım.
ve işte sonuç
![065[1]](http://www.bakiyoruz.com/wp-content/uploads/2009/07/0651-150x70.gif)
![018[1]](http://www.bakiyoruz.com/wp-content/uploads/2009/07/0181-150x70.gif)
![044[1]](http://www.bakiyoruz.com/wp-content/uploads/2009/07/0441-150x70.gif)

Son Yorumlar