Css Stilleri 1

Width(Genişlik): Genişlik değeri tanımlanırken yazılan değerin ölçü birimi ile birlikte yazılması gereklidir. Widht: 200px;

Height (Yükseklik): Yükseklik değeri tanımlanırken yazılan değerin ölçü birimi ile birlikte yazılması gereklidir. Height: 200px;

MARGİN-PADDİNG ÖZELLİKLERİ

MARGİN (Kenar Boşluğu): Elementin kendinden önceki ve sonraki elementle arasında olan boşluğunu ifade eder. Margin:50px; tüm kenarlardan eşit boşluk uydularken, Margin-left, Margin-right, Margin-Top, Margin-bottom gibi her kanara faklı değerler girilebilecek şekilde de kullanımı olabilir.

PADDİNG (İç Boşluk): Öğenin içindeki verinin, öğenin kenarlarına olan boşluğudur. Padding:50px; tüm kenarlardan eşit boşluk uydularken, Paddingleft, Padding-right, Padding-Top, Padding-bottom gibi her kanara faklı değerler girilebilecek şekilde de kullanımı olabilir.

Not: Padding değeri genişliği ve yükseliği verilmiş bir alanda ölçüyü büyütür. Bunun önüne geçmek için ya genişlik ve yükseklikten girilen paddind değeri kadar ölçü düşülür, yada box-sizing:border-box stili kullanılır.







Font ve Metin (Text) Özellikleri Öncelikle font ve metin (text) arasındaki farkı bilmeliyiz. Font özellikleri karakterlerin tip ve biçimlerinin nasıl olacağını belirlerken, metin (text) özellikleri font özellikleri ile belirlediğimiz karakterlerin bir araya gelmesi ile oluşan yazıların (metin) sayfadaki düzenini kontrol etmeye yarar.

Font Özellikleri Font özellikleri web sayfamızdaki metinlerin font ailesini, boyutunu, kalınlık ayarlarını, büyük-küçük harf olmasını ve stilini değiştirmek için kullanılır. Bu özellikler;  font-family

font-size

font-weight

font-style

line-height

font