Duyuruyu Kapat
Hanimefendi: kadınlara özel bir şekilde sağlık, giyim, beslenme, diyet ve benzeri kısaca her konuda destek veriyor. Türkiye'de tek kaynak olma yolunda hızla ilerleyen Hanimefendi.com, üyeler dışında ziyaretçilere açık yapısıyla da paylaşım mantığının hakkını vermeye çalışıyor. Siz de bunun bir parçası olmak istiyorsanız, hemen ücretsiz kayıt olabilir ve aramıza katılabilirsiniz. Sensiz bir kişi eksiğiz... :)
Duyuruyu Kapat
Instagram 180T
Facebook 10K
Twitter 138T

CSS Styles Paneli

Konu, 'Bilgisayar Programları' kısmında bitter_im tarafından paylaşıldı.

  1. bitter_im

    bitter_im Admin

    Kayıt:
    3 Aralık 2009
    Mesajlar:
    63.967
    Beğeniler:
    52.427
    Window>>CSS Styles menüsünü ya da Launch Bar'da yer alan CSS düğmesini tıklayarak CSS Styles paneline ulaşırız.
    [​IMG]
    CSS panelinin iki farklı görünümü vardır. Birincisi "Apply Styles" seçenek düğmesi seçili olduğundaki görünümüdür. Bu görünüm stil uygulamak için kullanılan görünümdür. Bu görünümde Styles List bölümünde mevcut stiller alt alta sıralanmış haldedirler. Mevcut bir stili uygulamak için stil uygulanacak metin, tablo, katman vs. elemanı seçtikten sonra bu listedeki uygulamak istediğimiz stilin adına 1 kez tıklamamız yeterli olacaktır.
    Apply Styles görünümünde panelin sağ altında 2 düğme yer alır. Bunlardan ilki Attach Style Sheet ( [​IMG] ) düğmesidir. Bu düğme ile bir stil dosyasını sayfamıza bağlayabiliriz.
    Diğer düğme ise New CSS Style ( [​IMG] ) düğmesidir. Bu düğme ile yeni bir stil sayfası oluşturabiliriz.
    Panelin üst kısmındaki "Edit Styles" seçenek düğmesine tıkladığımızda Edit Styles görünümüne geçiş yaparız.
    [​IMG]
    Bu görünüm stillerimiz üzerinde değişiklik yapmak içindir. Sayfaya bağlı bir stil sayfasının adını seçerek ya da bu sayfa içerisindeki bir stili(Stil sınıfı, Bağ imi sınıfımsıları vs.) seçerek düzenlememize yarar.
    Bir stili düzenlemek için stili faremizle seçili hale getirip Edit Style Sheet... ( [​IMG]) düğmesine tıklamalıyız.
    Bir stil sayfasının tümden silmek ya da içerisindeki bir stili silmek için yine bu pencerede stili seçip Delete CSS Style ( [​IMG] ) düğmesine tıklamak gerekir.
    Bir stili düzenlemek için Edit Styles görünümünü kullanmak gerekir.
    Apply Styles görünümünde bir stil adı üzerine bir kez tıklamnız o stili uygulamanızı sağlayacağı için seçtiğiniz elemana dikkat etmeniz gerekir.
    Örneğin bir metnenin belirli bir bölümüne stil uygulamak istiyorsanız metnin o bölümün seçmiş olmalısınız eğer fazlalık bir bölümüde seçili hale getirmişseniz stil orayada uygulanacaktır.
    İmlecinizle rastgele bir tablo hücresine tıkladıktan sonra herhangi bir stil adına tıklarsanız o stil o hücredeki tüm içeriğe uygulanacaktır. :)
    Uyguladığınız stilleri geri almak için History panelini ya da Edit>>Undo menüsünü kullanabilirsiniz.
    Bu derste sadece CSS Styles Paneli tanıttık. Yeni bir stilin nasıl oluşturulacağını, bir stilin nasıl düzenleneceğini, bir HTML sayfası ile bir stil sayfası arasında nasıl ilişki kurulacağını ayrıntılı olarak daha sonraki derslerde anlatacağız.