Dreamweaver'da Sınıf ve Kimlik Seçicileriyle Stiller Oluşturma - AYRINTILAR

Dreamweaver'daki sınıf ve kimlik seçicileri birçok benzerliğe ve bir önemli farka sahiptir. Kimlik stilleri yalnızca sayfa başına bir kez kullanılabilir, ancak sınıf stilleri istediğiniz gibi aynı sayfada birçok kez kullanılabilir.

Sınıf ve kimlik stilleri aşağıdaki benzerlikleri taşır:

Sınıf ve kimlik seçicileriyle oluşturulan stilleri istediğiniz gibi adlandırabilirsiniz. Alt isim ve tire işaretleri iyi olmasına rağmen, stil adlarına boşluklar veya özel karakterler eklememelisiniz. Tümü küçük harf kullanımı yaygın fakat zorunlu olmayan bir uygulamadır.

Sınıf ve kimlik stillerini bir sayfadaki herhangi bir öğeye uygulayabilirsiniz, ancak bunlar genellikle üstbilgi etiketlerine, div etiketlerine, sırasız liste etiketlerine, paragraf etiketlerine, resim etiketlerine ve yeni HTML5'e uygulanır etiketleri.

Sınıf ve kimlik seçici ile oluşturulan stilleri kullanmak iki aşamalı bir işlemdir. Önce, sınıf veya kimlik seçici kullanarak yeni bir stil oluşturup ona bir isim verin; stil sayfadaki bir öğeye uygulanır.

Yeni bir sınıf veya kimliğini tanımlamak için, yeni bir belge oluşturup kaydedin veya varolan bir dosyayı açın ve aşağıdaki adımları izleyin:

1İstediğiniz yeni bir stil tanımlarsanız varolan bir öğeye uygularsanız, imlecinizi yeni stille biçimlendirmek istediğiniz öğenin üzerine getirmek için tıklayın.

Bu adım gerekli değilse de (henüz sayfada bulunmayan öğeler için stiller oluşturabilirsiniz), Dreamweaver otomatik olarak imlecinizin seçmekte olduğu sayfa öğesine dayalı seçici adları oluşturur.

2CSS Tasarımcısı panelinin Seçiciler panelinde, yeni stili eklemek istediğiniz stil sayfasının adını seçin.

Stili belirli bir medya türüne veya ekran boyutuna hedeflemek isterseniz, @ Medya panelinde bir medya sorgusu belirleyin.

Medya sorgusu belirtmezseniz, Dreamweaver Global özelliğini kullanır ve stiliniz tüm medya formatlarında ve ekran boyutlarında çalışır.

3 Seçiciler panelinde artı işaretini (+) tıklayın.

Yeni seçici, Seçiciler paneline eklenir. Dreamweaver, stili tanımlamaya başladığınızda imlecinizin dinlendiği başlığa zaten uygulanmış olan tüm stilleri içeren bir bileşik seçici adı ekledi.

4 Seçici adını çift tıklatın ve stiliniz için kullanmak istediğiniz ismi düzenleyin veya değiştirin.

Tire (-) veya altçizgi (_) haricindeki herhangi bir boşluk veya özel karakter kullanmadığınız sürece sınıf ve kimlik stillerini istediğiniz gibi adlandırabilirsiniz.

Sınıf seçiciyi kullanarak bir stil oluşturmak isterseniz, stil adını bir nokta veya nokta ile başlamanız gerekir.ID seçiciyi kullanmak istiyorsanız, stil adı bir pound işaretiyle (#) başlamalıdır.

5Varlıklar panelinde, stil kuralınızdaki ayarları belirtin.

Sınıf ve kimlik seçicileri, bunları oluşturduktan sonra içeriğe kolayca uygulanır, çünkü Dreamweaver bu stilleri çalışma alanının altındaki Özellik denetçisindeki Sınıf ve Kimlik açılır listelerine ekler.