CSS Dersleri
CSS'in Teorisnin tamamını bulabileceğiniz önemli bir kaynak kitap. Tüm özelliklere ayrı ayrı ve bölümlerine ayırarak incelenmiş. Eğer uygulamalı bir kitap arıyorsanız. Eric Meyer'in diğer kitaplarına göz atın çok güzel ve birebir uygulamalı kitaplarıda var. Adım Adım CSS çözümleri üreten kitaplarını da inceleyibilebilirsiniz. Ancak ilk başta CSS
CSS Dersleri
Web standartlarına en uygun kodlamayı nasıl yaparızın cevabını veren bir kitap. Baş ucu kitaplarından biri. Birinci bölümde genel kullandığımız kodların(ol, li, h1, table, blockquote vd.) web standarlarına en uygun şekilde nasıl kullanmamız gerektiğini çeşitli metodlarla bize gösteriyor. Konu sonlarındaki ipuçlarıda gerçekten çok iyi İkinci bölümde ise yükselen kodlama tekniği
CSS Dersleri
Bir blok-level elemente float değeri ve margin değeri atandığında IE'da sorun yaşarız. Örneğin float:left değeri atanmış bir içerik kutusuna soldan 100px kadar ayırmak istediğinde IE'de soldan 100px olması gereken mesafe 200px görünecektir. CSS kodu; {% highlight css %} .kapsul1 { float: left; width: 150px; height: 150px; margin-left: 100px;
CSS Dersleri
Css dökümanları içindeki resim yolu css dökümanının konumuna göre verilir. Eklendiği (x)html sayfasının konumuna göre değil.
CSS Dersleri
Font ile Metin(Text) arasında ne fark var ikiside aynı diyorsanız yanılıyorsunuz. Font özellikleri metni oluşturan karakterlerini nasıl olacağını belirlerken, Metin(Text) özellikleri sayfadaki metinlerin düzenini kontrol eder. Metin özellikleri metin düzeni için çok avantajlı özellikler getirmiştir. text-indent Paragrafların ilk cümlelerin soldan içeriye kaydırılması için kullanılan bir özelliktir. Yapısı : text-indent:
CSS Dersleri
Kodlarınıza yorum satırı ekleyerek daha anlaşılır ve erişilebilir kılın. CSS ile Tablosuz web sayfası tasarımında sayfa bölümleri div ile ayrılır ve bir çok yerde div elementi kullanılır. Divleri açtıktan sonra araya onlarca satır yazı, farklı farklı kodlar girmiş olabilir. Böyle bir durumda div etiketlerinin nerede kapatıldığını kestiremeyebilirsiniz. Bu sorundan kurtulmak
CSS Dersleri
Kutu modeli özelliklerine devam ediyoruz. Sırasıyla aşağıdaki özellikleri inceleyeceğiz: * Width * Height * Float * Clear width Yapısı : width: (değer) Aldığı Değerler : uzunluk değeri | yüzde, uzunluk değeri | auto | inherit \ Başlnagıç değeri: auto \ Uygulanabilen elementler: Block-level ve replaced elementler \ Kalıtsallık: Yok {: .cssozelliktanimi} Blok-level ve replaced elementlerin(örn: img, input, textarea vd.) tümü bir genişlik(
CSS Dersleri
Padding içerik alanı ile kenarlık arasındaki alandır. padding-top Yapısı : padding-top: (değer) Aldığı Değerler : <uzunluk değeri > | <yüzde> | inherit\ Başlnagıç değeri: 0\ Uygulanabilen elementler: tüm elementler\ Kalıtsallık: Yok {: .cssozelliktanimi} padding-top özelliği içerik alanı ile üst kenarlık arasındakimesafeyi belirler. h2 { padding-left: 0.25in; } **Tarayıcı Uyumu ** Firefox Chrome Safari Opera
CSS Dersleri
Margin özelliği elementin etrafındaki boşluk olarak tanımlanır. Negatifdeğer alabilir. Tek tek özellikler(margin-top,margin-left vd.) atanabildiğigibi tek bir özellikle(margin) de tanımlama yapılabilir. Margin özelliklerinianlamak için lütfen Box modellerine bir göz atın. * margin-top * margin-right * margin-bottom * margin-left * margin margin-top Yapısı : margin-top: (değer) Aldığı Değerler : <uzunluk değeri > | <yüzde>
CSS Dersleri
Liste özelliği ilk olarak listeleme amaçlı kullanılsa da şimdilerde menü yapımında kullanımı revaçtadır. Burada liste özellikleri yanısıra display ve white-space özelliklerinden de bahsedilecektir. * list-style * list-style-type * list-style-image * list-style-position * white-space * display list-style-type Yapısı : list-style-type: (değer) Aldığı Değerler : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none\ Başlangıç değeri: disc\ Uygulan
CSS Dersleri
Font özellikleri sayfalarımızdaki metinlerin font ailesini, kalınlık ayarlarını,boyutunu, büyük-küçük harf olmasını ve stilini değiştirmemizi sağlar. CSS fontlar üzerinde tam hakimolmamızı sağlar. * color * font-family * font-size * font-weight * font-style * font-variant * font color Yapısı : color: (değer) Aldığı Değerler :<renk > | inherit\ **Başlangıç değeri:**web tarayıcısı belirler\ Uygulanabilen elementler: tüm elementler\ Kalıtsallık: Var
CSS Dersleri
Kenarlık(border), içerik alanı ve padding etrafındaki bir veya daha fazla çizgiye denir. * boder-style * border-top-style, border-right-style, border-bottom-style, border-left-style * border-width * border-top-width, border-right-width, border-bottom-width, border-left-width * border-color * border-top-color, border-right-color, border-bottom-color, border-left-color * border Sırasıyla incelersek: border-style Yapısı : border-style: <değer>\ Aldığı Değerler : [ none | hidden | dotted