Photoshop Magazin
 


Yeni Başlayanlar için Dreamweaver CS3 Ders 5

 

Etiket stillerinin aksine bütün CSS kuralları otomatik olarak uygulanmaz.

1) CSS Styles panelinin en alt kısmında yer alan New CSS Rule düğmesine tıklayın.

2) Açılan New CSS Rule iletişin kutusunun selector Type alanında Class seçeceğini işaretlerin ve Name alanına .main yazın. Defıne in alanında main.css'in seçili olduğundan emin ve ok düğmesine tıklayın.



3) CSS Rule Defınition in main.css iletişim kutusundaki Category listesinde Block'a tıklayın. Text align listesinden center'ı seçin ve OK düğmesine tıklayın.



Dreamweaver'da CSS Styles panelindeki All Rules listesine yeni bir girişin eklenmesinden başka bir değişiklik olmayacaktır. Bu kuralda bir sınıf seçicisi kullanıldığı için bunun elle uygulanması gerekir.

4) İmleci Learn more about our spirit ifadesinin üzerine getirin. Etiket Seçici'de

etiketini seçin.



5) Properties denetiçisindeki Style listesinden main'i seçin.



6) Properties denetiçisinde istediğiniz stili kolayca bulabilmenizi sağlamak için stilin göreli büyüklük, renk ve hizalama gibi belirli karakteristikleri yer alır. Paragrafın ortada hizalandığına ve Etiketi Seçici'deki göstergesinde stilinin görüntülendiğine dikkat edin.

CSs stilleri nadiren sabit şekilde tanımlanır. Genelde Web sitesi oluşturma süreci içinde CSS stilleri üzerinde farklı zamanlarda çeşitli ayarlamalar yapılır. Dreamweaver'da CSS Styles panelinin Properties bölmesini kullanarak, tanımlanmış CSS stillerinin özelliklerine doğrudan erişebilir ve bunları düzenleyebilirsiniz.

7) CSS Styles panelinde All Rules listesinden .main'u seçin. All Rules listesinin altında bulunan properties bölmesinde text-align özelliğinin değerini seçin. Açılır listeyi genişletin ve right'ı seçin.



Bu değişiklik .more sınıfının uygulandığı iki paragrafa anında yansıtılacaktır.

Tüm Paylaşımlar

 


facebook grubumuza katl