webmaster sitesi

NOTW3

NOTW3

.TR.GG

Önemli Başlıklar

REKLAM ALANI

HTML öĞRENME KLAVUZU

html giriş

DOCTYPE kullanımı

DOCTYPE kullanımı

cokcop ücretsiz dizin ve hit

forum

=> Daha kayıt olmadın mı?

Yazdığınız her konu en geç, 2 gün içerisinde cevaplanmaktadır...

REKLAM



forum - CSS öncelik verme tanımı

Burdasın:
forum => CSS => CSS öncelik verme tanımı

<-Geri

 1 

Devam->


adminkenan
(şimdiye kadar 19 posta)
23.04.2018 00:54 (UTC)[alıntı yap]
Önceliği etkileyen üç kavram, User-Agent (Tarayıcı , User (Kullanıcı ve Author (Geliştirici veya Yazar) kavramlarıdır. Biçimler important (önemli) ve normal olarak iki şekilde tanımlanabilmektedir. Biçimin önemli olup olmaması ve biçimi kimin veya neyin tanımladığına göre öncelik sırası düşük öncelikten yüksek önceliğe aşağıdaki gibi olmaktadır :

[*] User-Agent (Tarayıcı normal biçimleri
[*] User (Kullanıcı normal biçimleri
[*] Author (Geliştirici veya Yazar) normal biçimleri
[*] Author (Geliştirici veya Yazar) important (önemli) biçimleri
[*] User (Kullanıcı important (önemli) biçimleri

Yukarıda tanımlanan sıralardan aynı öncelik sırasında olanlar aşağıdaki kurallara göre düşükten yüksek önceliğe aşağıdaki gibi sıralanırlar :

[*] Element adı ve Pseude element ile yapılan biçimler
[*] Class selector (seçici) ve Pseudo class ile yapılan biçimler
[*] ID selector (seçici) ile yapılan biçimler
[*] Elemente HTML içerisinde style property'si ile verilen biçimler

Yukarıdaki tanımlamaları ve açıklamaları kısaca açıklarsak, kelime anlamı olarak important önemli anlamı taşımaktadır. CSS dosyanızda kullandığınız stil'de kullanılan değerlerin öncelikli olarak çağrılmasını sağlarız.

Örnekler ile açıklayalım.
Not Öncelik hakkı vereceğimiz kod, ; virgülden sonra ekleme çalışmalarınızda hatalı olarak uygulanacaktır.
Kaynak kodu:
!important;
Tanımını kullanarak html kısmına görünüm ve şekil verme gibi öncelikli css kodumuzu belirleyeceğiz.

Kullanım şekli

Kullanımı alt kısımda verildiği şekilde arada boşluk bırakılarak yazılır.

Deneme HTML kodumuz için öncelikli arka plan #000 şeklinde siyah olarak belirledik.
Kaynak kodu:
.deneme {border-color:#000000  !important;}



Bütün konular: 28
Bütün postalar: 39
Bütün kullanıcılar: 23
Şu anda Online olan (kayıtlı) kullanıcılar: Hiçkimse crying smiley
Abonemiz olmaya ne dersiniz? notw3.tr.gg deki gazeteye abone olmak istiyorum
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=