CSS seçici sınıfı ve kimliği arasındaki fark nedir? HTML'de id ve sınıf kullanımı

CSS seçici sınıfı ve kimliği arasındaki fark nedir? HTML'de id ve sınıf kullanımı

Chen Weiliangşu anda yürütülüyorSEO, sitenin optimize edilmesiWordPresstema.

Daha önce bazı temel HTML ve CSS bilgilerini öğrenmiş olsam da, bir süredir kullanmadım, özellikle CSS bölüm kullanımı, unutması kolay.

Bu nedenle, CSS seçici kimliği ve sınıfının farkını ve kullanımını buraya kaydedin ve özetleyin:

• id #div'e karşılık gelir
• sınıf .div'e karşılık gelir

id ve sınıf arasındaki fark

kimlik açıklaması

• id, web sayfasındaki daha büyük stili tanımlamak için kullanılan ve #div şeklinde tanımlanan sabit bir etikettir.
• Örneğin: sütunları bölmek, üst, gövde, alt vb.
• Sayfa başına yalnızca bir kez görünebilen ve tekrar tekrar çağrılamayan belirli bir öğeyi tanımlamak için kullanılır.

sınıf açıklaması

• Class, web sayfasındaki detaylı stilleri tanımlamak için kullanılan bir stil grubudur, .div şeklinde tanımlanır ve tekrarlanabilir.
• Örneğin: belirli bir menü, bir metin satırı vb...
• Aynı sayfada, birden çok öğe tarafından tekrar tekrar çağrılabilir.

Div seçicinin kendisinin özellikleri yoktur, css'sini tanımlayarak div'in genişlik, yükseklik, arka plan rengi ve metin boyutu gibi bazı düzenleri kontrol eder.

GenelE-ticaretİnternet sitesi,Bir istasyon inşa etProgram tarafından oluşturulan html web sayfası, sayfa düzenini CSS üzerinden gerçekleştirmektir.

seçici nedir?

Her CSS stilinin tanımı 2 bölümden oluşur:

选择器 {样式}

• {}'den önceki kısım "selektör"dür.
• "Seçici", etki ettiği {} öğesinin "stilini" belirtir.
• Yani, bu "stil" web sayfasının hangi öğesinde çalışır?

kod örneği

Bir class="sidebar" öğesinin nasıl seçileceği ve biçimlendirileceği aşağıda açıklanmıştır:

.sidebar
{ 
background-color:black;
}

id="footer" ile bir öğeyi nasıl seçeceğiniz ve biçimlendireceğiniz aşağıda açıklanmıştır:

#footer
{ 
background-color:black;
}