Styling text - Web Öğren | MDN
CSS dilinin temelleri ele alındığında, üzerinde durmanız gereken bir sonraki CSS konusu metin biçimlendirmektir - CSS ile yapacağınız en yaygın şeylerden biri budur. Burada yazı tipi, kalınlık, italik, satır ve harf aralığı, alt gölgeler ve diğer metin özelliklerini ayarlama dahil olmak üzere metin stillendirmenin temel ilkelerine bakıyoruz. Sayfanıza özel yazı tipleri uygulayarak ve listeleri ve bağlantıları şekillendirerek modülü tamamlıyoruz.
Bu modüle başlamadan önce, HTML'e giriş modulünde ele aldığımız temel HTML bilgisine ve CSS'e giriş modülünde ele aldığımız CSS'in temel ilkelerini biliyor olmanız gerekmektedir.
Not: Eğer çalışırken kullandığınız cihazınızda (bilgisayar, tablet veya diğer cihazlar) kendi örneklerinizi yazıp çalışabileceğiniz bir ortamınız bulunmuyorsa, JSBin, CodePen veya Glitch ortamlarını çevrimiçi kullanabilirsiniz.
Bu modül, HTML metin içeriğini şekillendirmenin arkasındaki tüm temelleri öğretecek aşağıdaki makaleleri içerir.
Temel metin ve yazı tipi biçimlerini değiştirme
Bu makalede, yazı tipi kalınlığı, ailesi ve stili, yazı tipi tek satırda tanımlama, metin hizalama ve diğer efektler ile satır ve harf aralığını da içeren, yazı ve metin stillendirmenin tüm detaylarına bakıyoruz.
Liste elemanlarını biçimlendirme
Listeler çoğunlukla diğer metinler gibi davranır, ancak listelere özgü bilmeniz gereken bazı CSS özellikleri ve kullanırken göz önünde bulundurulması gereken özellikleri bulunmaktadır. Bu makalede hepsini açıklamaktadır.
Bağlantı elemanlarını biçimlendirme
Bağlantıları biçimlendirirken, bağlantı durumlarını etkili bir şekilde şekillendirmek için sözde sınıf seçicilerini nasıl kullanacağınızı ve gezinme menüleri ve sekmeler gibi yaygın çeşitli arayüz özelliklerinde kullanmak için bağlantılara nasıl stil uygulanacağını anlamak önemlidir. Bu makaledeki tüm bu konulara bakacağız.
Burada web yazı tiplerini ayrıntılı olarak bakacağız - bunlar, daha fazla çeşitlilik gösteren özel metin stillerini web sayfanızla birlikte indirmenize ve web sayfanızda tanımlayıp kullanmanıza olanak sağlar.
Aşağıdaki görevle birlikte sizin bu başlıkta işlenen yazı tipi biçimlendirme tekniklerini ne düzeyde anladığınızı ölçmüş olacaksınız.
Topluluk okulu ana sayfasını dizgi
Bu değerlendirmede, bir topluluk okulunun ana sayfasının metnini şekillendirmenizi sağlayarak stil şekillendirme anlayışınızı test edeceğiz.