Sınıf ve Kimlik Arasındaki Fark

Sınıf ve Kimlik

Basamaklı Stil Sayfaları (CSS), biçimlendirme dili kullanılarak yazılmış bir belgenin görünümünü ve biçimlendirmesini açıklayan bir dildir. CSS, HTML ile yazılmış web sayfalarını biçimlendirmek için yaygın olarak kullanılır. CSS, HTML öğeleri için stil uygulamasının yanı sıra kendi stil seçicilerinizi belirtmenize olanak tanır. Bu, ID ve sınıf seçicileri kullanılarak yapılır. Tek bir benzersiz öğe için bir stil belirtirken, Kimlik seçici kullanılır. Bir grup öğe için bir stil belirtirken, sınıf seçici kullanılır.

Sınıf nedir?

CSS'de, Sınıf seçici, kendi stilinizi bir grup öğeye uygulamak için kullanılabilir. Sınıf seçici, aynı sınıfa sahip bir dizi öğeye belirli bir stil uygulamak için kullanılır. CSS'de, sınıf seçici bir nokta (.) İle tanımlanır. Aşağıda CSS'de tanımlanan bir sınıf seçici örneği.

.sınıfım

renk: mavi;

yazı tipi ağırlığı: kalın;

HTML, aşağıda gösterildiği gibi öznitelik sınıfını kullanarak CSS'de tanımlanan sınıfa başvurabilir.

Bu benim biçimlendirmem

Yukarıda gösterildiği gibi, aynı sınıf birden çok eleman için kullanılabilir ve tek bir eleman birden çok sınıf kullanabilir. Aynı öğede birden çok sınıf kullanıldığında, sınıflar aşağıda gösterildiği gibi bir boşlukla sınırlandırılmış sınıf özniteliğine eklenir.

Bu benim iki sınıf kullanarak biçimlendirmem

Kimlik nedir?

CSS'de, kimlik seçici, tek bir benzersiz öğeye kendi stilinizi uygulamak için kullanılabilir. CSS'de, bir kimlik seçici bir karma (#) ile tanımlanır. Aşağıda CSS'de tanımlanan bir Kimlik seçici örneği verilmiştir.

#benim kimliğim

kırmızı renk;

text-align: right;

HTML, aşağıda gösterildiği gibi öznitelik kimliğini kullanarak CSS'de tanımlanan kimlik seçiciye başvurabilir.

Bu benim bir kimlik seçiciden biçimlendirmem

Kimlikler benzersizdir. Bu nedenle, her öğenin yalnızca tek bir kimliği olabilir ve her sayfanın bu belirli kimliğe sahip yalnızca tek bir öğesi olabilir. Kimlikler, tarayıcı ile kullanılabilecek önemli bir özelliğe sahiptir. Sayfa URL'si bir karma değer içeriyorsa (ör. Http: //myweb.com#my_id) tarayıcı, öğeyi otomatik olarak “my_id” kimliğine sahip bulmaya çalışır ve bu öğeyi görüntülemek için web sayfasını kaydırır. Bu, sayfanın belirli bir kimliğe sahip tek bir öğeye sahip olmasının bir nedenidir, böylece tarayıcı bu öğeyi bulabilir.

Sınıf ve Kimlik arasındaki fark nedir?

Hem Sınıf seçici hem de Kimlik seçici, bir web sayfasındaki öğelere kendi stilinizi uygulamak için kullanılabilse de, bazı önemli farklılıkları vardır. Sınıf seçici, bir stil grubuna kendi stilinizi uygulamak için kullanılabilirken, Kimlik seçici ise tek bir benzersiz öğeye stil uygulamak için kullanılır. Kimlikler kullanılırken, her öğenin yalnızca tek bir kimliği olabilir ve her sayfanın bu belirli kimliğe sahip tek bir öğesi olabilir, ancak Sınıf birden çok öğe için kullanılabilir ve tek bir öğe birden çok Sınıf kullanabilir. Ayrıca, ID, bu kimliğe sahip öğeyi görüntülemek için bir sayfayı otomatik olarak kaydırmak için kullanılabilir, ancak bu, sınıf seçiciyle mümkün değildir.

teknoloji