İçindekiler
Bu Eğitimin 1. Kısmında gördüğümüz gibi yazı tipleri, bir sayfanın şeklini değiştirmenin çok ince ve etkili bir yoludur. HTML Görüyorsunuz, özniteliği nasıl kullanacağımızı zaten biraz biliyoruz yazı tipi, şimdi belgelerimizi özelleştirmeye devam etmek için gelişmiş özellikleri göreceğiz.Yazı tipi boyutuyla çalışma
Fontların boyutuyla çalışmak için CSS, belgelerimizin özelleştirilmesine yönelik arayışımızda istediğimiz efektleri elde edebileceğimiz bir dizi özellik ve nitelik sağlar.
Aşağıdaki nitelikler, boyutların değişimini elde etmemizi sağlar.
xx-küçük x-küçük küçük orta büyük x-büyük xx-büyük: Cyazı tipinin boyutunu yapılandırın, yazı tiplerinin tam boyutunu belirlemekten tarayıcı sorumludur, seçenekler listesi ilerledikçe özelliğin uygulandığı metin bloğunun harfi büyür. .
daha küçük daha büyük: Yazı tipinin boyutunu belirler, elde edilen boyut ana öğeye göredir.
Şimdi kodda bu yeni bilginin nasıl uygulanacağına dair bir örnek görelim:
ÖrnekPek çok farklı meyve türü vardır - tek başına 500'den fazla muz çeşidi vardır. Sayısız elma, portakal ve diğer bilinen meyveleri eklediğimizde binlerce seçenekle karşı karşıyayız.
Bu kodda, id ile tanımlanan iki tür özniteliği kullanıyoruz. ilk sabit bir boyut ve kimliğe sahip tanımlayıcı alacak Saniye ana kabına göre daha büyük bir boyut alacaktır, tarayıcıda nasıl göründüğüne bakalım.
Stil ve ağırlık oluşturma
Yazı tipinin ağırlığı, harfi tanımlayan satırın kalınlığına karşılık gelir, bu özellik ile değiştirilebilir. yazı tipi ağırlığıÖte yandan, stil, normal metin, italik veya eğik arasında seçim yapmamıza izin verir, bunu bir kodda nasıl kullandığımızı görelim, böylece doğrudan uygulamaya gidebiliriz.
ÖrnekPek çok farklı meyve türü vardır - tek başına 500'den fazla muz çeşidi vardır. Sayısız elma, portakal ve diğer bilinen meyveleri eklediğimizde binlerce seçenekle karşı karşıyayız.
Şimdi bunun tarayıcımızda nasıl göründüğüne bakalım.
Kodda bir bölümü italik, bir bölümü de kalın veya kalın olarak yerleştirdik, italik ve eğik arasında bir fark var, ancak görsel düzeyde şu anda göz ardı edilebilecek bir şey, o farkı da bırakabiliriz. araştırılacak ve bu nedenle bu öğreticinin içeriği akılda taze.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.
