HTML Etiketlerini CSS Kurallarıyla Özelleştirme - HTML Seçici

Mayıs Ayı 5, 2024

CSS'nin bu kadar popüler olmasının nedenlerinden biri, HTML etiketlerine sağladığı çok yönlülüktür. Etiketin yerleşik denetimlerini "kapatamamanıza" rağmen, yararlılıklarını artırmak için HTML etiketlerine daha fazla denetim ekleyebilirsiniz. Bunu, etiket seçiciye yeni CSS tanımları ekleyerek yaparsınız. HTML'yi kullanalım

örneğimiz için etiket ve bir arka plan rengi, bir yazı tipi yüzü, yazı tipi boyutu ve bir metin rengi kontrolü ekleyeceğiz

etiket. Bu, herhangi bir açılış ve kapanış arasında her şeye neden olur.

etiketleri web sayfasındaki yeni tanımlarımız tarafından kontrol edilecektir.

p {
arka plan rengi: # 000000;
yazı tipi ailesi: arial;
yazı tipi boyutu: 12 piksel;
renk: #ffffff;
}

Örneğimizde, CSS kuralı HTML seçici (p) ile başlar ve bunu eklemek istediğimiz tüm özellik-değer tanımlarını içeren CSS bildirim bloğu izler. Her zamanki gibi, her tanım özellik ile başlar, ardından iki nokta üst üste, değer ve noktalı virgül ile biter. Tüm blok kıvırcık parantez içine yerleştirilir. HTML etiketleri için kendi CSS kurallarınızı yazarken hatırlamanız gereken birkaç nokta vardır.

Özelleştirilmiş CSS kuralınızı web sayfanızın baş bölümündeki etiketlerin içine yerleştirebilirsiniz.
Özelleştirilmiş CSS kuralınızı harici bir CSS dosyasının içine yerleştirebilirsiniz.
Belirli bir etiket seçiciye eklediğiniz özelleştirilmiş CSS tanımları, o etiket tarafından kontrol edilebilecek özellikler içermelidir.
Özelleştirilmiş kuralı baş bölümüne veya harici CSS dosyasına yerleştirdiğiniz için, bu kural tüm web sayfasını etkiler. Yalnızca tek bir HTML etiketini (bir etiketin özel bir örneği) kontrol etmeniz gerekiyorsa, söz konusu tek tek etikete satır içi stil uygularsınız.
Etiketi, söz konusu HTML etiketinin yerleşik özelliklerini korur. Örneğin, HTML kalın etiketi, açılış ve kapanış arasına yerleştirilen herhangi bir metne kalın efekt uygular. etiketleri.

Video Talimatları: CSS Keylogger - old is new again (Mayıs Ayı 2024).

HTML Etiketlerini CSS Kurallarıyla Özelleştirme - HTML Seçici, HTML, HTML etiketinin nasıl yeniden tanımlanacağı, html etiketinin yeniden tanımlanması için CSS'nin nasıl kullanılacağı, CSS seçicinin nasıl tanımlanacağı, html etiketinin nasıl tanımlanacağı, css'nin nasıl tanımlanacağı bir html etiketi, CSS seçici, CSS komutları, CSS tanımları, özellik-değer çiftleri, kendi CSS kurallarınızı nasıl yazacağınız

Önceki Makale

Sonraki Makale

İlgili Makaleler

bilgisayarlar

Sol ASP Dize İşlevi

Mayıs Ayı 2024

Sol, karakterleri bir dizenin sol tarafından kopyalamanızı sağlayan yaygın olarak kullanılan bir ASP işlevidir. İki argüman alır: * Üzerinde çalışılacak dize değişkeni * Kopyalanacak karakter...

bilgisayarlar

Dinamik Ezines Etkinizi Üç Katına!

Mayıs Ayı 2024

Bültenler yıllardır şirket pazarlamasının bir parçası olmuştur. Web, haber bültenlerine ve ezines'in ortaya çıkmasına farklı bir yaklaşım sağlamıştır - makaleler, haberler, güncellemeler ve...