# 045: Sıcak Bağlantı Modülleri - CSS Hileleri

Anonim

Sanırım bu seride ilk defa, doğrudan tarayıcıda çalışarak tasarıma bazı yeni şeyler ekleyeceğiz (ilk olarak Photoshop'ta başlamıyoruz). Amacımız, kendilerini ana sayfada gösteren "Sıcak Bağlantılar" modüllerini tasarlamaktır.

Ana sayfadaki her bölümü başlık etiketleri ile etiketleriz. Örneğin "En Son Blog Gönderileri" ve "Sıcak Bağlantılar". Anlamsal olarak, bir h2 kullanmalıyız, ancak genel h2 stili o alan için çok yoğun. Başlık stilimiz için sınıf adı geçersiz kılmalarımızın olduğu klasik numarayı kullanıyoruz. Bu şekilde her zaman doğru anlamsal etiketi kullanabiliriz, ancak stili istediğimiz zaman başlıktaki stille geçersiz kılabiliriz. Örneğin


Sıcak Bağlantı modülleri, makale modülleri ile büyük ölçüde aynıdır, ancak daha az karmaşıktır ve sol üst köşede turuncu kare yerine kırmızı bir kare vardır.