Basamaklı stil sayfaları, bir HTML sayfasının içeriğini biçimlendirmek için kullanılır. Buna göre, CSS'de kullanılan tüm komutlar, bir HTML belgesinin herhangi bir öğesinin görünümünü düzenlemeyi amaçlar.
Bu gerekli
İnternet bağlantısı olan bir bilgisayar
Talimatlar
Aşama 1
Basamaklı stil sayfalarının nasıl kullanıldığı hakkında bilgi edinin. Metin biçimlendirme, basamaklı stil sayfalarının en sık kullanılan özelliğidir. Herhangi bir HTML belgesi, çeşitli bölümlerinde çok miktarda metinsel bilgi içerir. Aynı zamanda, sayfanın her bölümü kendi formatına ve yazı tipine sahip olmalıdır: metnin bir kısmı menünün metni, diğeri başlık, üçüncüsü sayfanın ana metni vb. Metin bilgilerini biçimlendirmek için, yazı tipinin adını, boyutunu, ağırlığını vb. değiştirmek için komutlar kullanılır.
Adım 2
Bu nedenle, her şeyden önce, font-family stili parametresine dikkat edin. Bu öznitelik, bu etiket için belirli bir yazı tipi belirlemenizi sağlar. Yazı tipinin adı ":" işaretinden sonra yazılır. Font-size style özelliği, etikette bulunan metnin boyutunu ayarlamak için kullanılır. Boyut değeri de ":" işaretinden sonra yazılır ve piksel cinsinden belirtilir, örneğin "font-size: 20px".
Aşama 3
Stil parametrelerinin “;” işareti kullanılarak birleştirilebileceğini ve birlikte yazılabileceğini unutmayın. Bu, bir etiket için birkaç parametre ayarlamanız gerektiğinde kullanışlıdır.
4. Adım
Metnin rengini değiştirmek için stil niteliği rengini kullanın. Renk adı standart şekilde yazılır: yeşil, mavi, kırmızı vb. Ayrıca sadece metnin rengini değil, aynı zamanda arka plan rengini de ayarlama yeteneğine sahiptir. Bunun için arka plan rengi özniteliği kullanılır, ardından seçilen rengin de belirtilmesi gerekir. Bu etiketin alanında arka plan olarak dolgu değil bir görüntü kullanmak istiyorsanız, ardından görüntünün kaynağını belirterek arka plan-görüntü stili parametresine bakın.
Adım 5
Her şeyden önce dolgu, kenarlık, kayan nokta, konum içeren sayfa öğelerinin parametrelerini ayarlayan bir dizi stil özniteliği hakkında bilgi edinin.
6. Adım
Verilen etikete bağlı marj miktarını ayarlamak için padding parametresini kullanın. Bu durumda, bu değer her iki taraftan sayılır. Bu alanın kenarlığını oluşturmak için border niteliğini belirtin. İki nokta üst üste işaretinden sonra kenarlığın genişliği piksel cinsinden yazılır. Float özelliği, sayfanızdaki bir öğenin sağa veya sola kaymasına izin verir. Bu bağlamda, bu özelliğin niteleyici parametreleri sol veya sağdır.
7. Adım
Belgede bir nesneyi tam olarak konumlandırmanız gerekiyorsa, position özelliğini kullanın. Sayfa öğesini, "konum: mutlak; alt: 50 piksel; sağ: 10 piksel;" gibi mutlak bir şekilde veya sayfanın kenarlarından olan mesafeye göre göreli bir şekilde konumlandırır.
