CSS селектор класы мен идентификатордың айырмашылығы неде? HTML тіліндегі идентификатор мен сыныпты пайдалану

CSS селектор класы мен идентификатордың айырмашылығы неде? HTML тіліндегі идентификатор мен сыныпты пайдалану

Чен Вэйлянқазіргі уақытта орындалудаSEO, сайтты оңтайландыруWordPressтақырып.

Мен HTML және CSS негізгі білімдерін бұрын үйренген болсам да, оны біраз уақыттан бері пайдаланбадым, әсіресе CSS бөлігін пайдалану, оны ұмыту оңай.

Сонымен, CSS селекторының идентификаторы мен класының айырмашылығы мен қолданылуын мына жерде жазып алыңыз және қорытындылаңыз:

• id #div сәйкес келеді
• класс .div сәйкес келеді

Идентификатор мен сыныптың айырмашылығы

id сипаттамасы

• id - #div түрінде анықталған веб-беттегі үлкенірек стильді анықтау үшін пайдаланылатын тіркелген тег.
• Мысалы: бағандарды бөлу, үстіңгі, корпус, төменгі және т.б.
• Ол бетте бір рет қана пайда болатын және қайталап шақыруға болмайтын белгілі бір элементті анықтау үшін қолданылады.

сынып сипаттамасы

• Класс - бұл веб-беттегі егжей-тегжейлі стильдерді анықтау үшін қолданылатын стильдер тобы.Ол .div түрінде анықталады және қайталануы мүмкін.
• Мысалы: белгілі бір мәзір, мәтін жолы, т.б....
• Бір бетте оны бірнеше элементтер арқылы қайталап шақыруға болады

div селекторының өзінде ешқандай қасиеттер жоқ.Өзінің CSS анықтау арқылы ол div файлының ені, биіктігі, өң түсі және мәтін өлшемі сияқты кейбір орналасуларды басқарады.

ЖалпыЭлектрондық коммерциявеб-сайт,Станция салуБағдарламамен жасалған html веб-парағы бет макетін жүзеге асыру үшін CSS арқылы жүзеге асырылады.

Селектор дегеніміз не?

Әрбір CSS стилінің анықтамасы 2 бөліктен тұрады:

选择器 {样式}

• {} алдында тұрған бөлік "таңдаушы" болып табылады.
• "Таңдаушы" ол әрекет ететін {} "стильін" көрсетеді.
• Яғни, бұл «стиль» веб-беттің қай элементінде жұмыс істейді?

Код мысалы

Міне, class = "жиынтық тақта" элементін таңдау және стильдеу жолы:

.sidebar
{ 
background-color:black;
}

Міне, id="footer" көмегімен элементті таңдау және стильдеу жолы:

#footer
{ 
background-color:black;
}