X'inhi d-differenza bejn il-klassi tas-selettur CSS u l-id? id u l-użu tal-klassi fl-HTML

X'inhi d-differenza bejn il-klassi tas-selettur CSS u l-id? id u l-użu tal-klassi fl-HTML

Chen WeiliangBħalissa qed tesegwixxiSEO, ottimizza l-websajtWordPresstema.

Għalkemm tgħallimt xi għarfien bażiku HTML u CSS qabel, huwa faċli li tinsa jekk ma kontx nużah għal xi żmien, speċjalment l-użu tas-CSS.

Għalhekk, hawnhekk nirreġistraw u niġbru fil-qosor id-differenzi u l-użu tal-id u l-klassi tas-selettur CSS:

• id jikkorrispondi għal #div
• klassi tikkorrispondi għal .div

Id-differenza bejn id u klassi

deskrizzjoni id

• id hija tikketta fissa, użata biex tiddefinixxi stili akbar f'paġni tal-web, definita fil-forma ta' #div
• Per eżempju: kolonni diviżorji, top, body, bottom, eċċ...
• Użat biex jiddefinixxi element speċifiku, li jista' jidher darba biss fuq kull paġna u ma jistax jissejjaħ ripetutament.

deskrizzjoni tal-klassi

• Klassi hija grupp ta 'stil, użat biex jiddefinixxi stili aktar dettaljati fil-paġni tal-web. Huwa definit fil-forma ta' .div u jista 'jidher ripetutament.
• Per eżempju: menu speċifiku, linja ta 'test, eċċ...
• Fl-istess paġna, jista 'jissejjaħ ripetutament minn elementi multipli.

Is-selettur tad-div innifsu m'għandux attributi Billi jiddefinixxi s-css tiegħu, jikkontrolla l-wisa', l-għoli, il-kulur tal-isfond, id-daqs tat-test, eċċ. tad-div.

ĠeneraliKummerċ elettronikuwebsajt,tibni websajtIl-paġna web html ġġenerata mill-programm timplimenta t-tqassim tal-paġna permezz tas-CSS.

X'inhu selettur?

Id-definizzjoni ta' kull stil CSS tikkonsisti f'2 partijiet:

选择器 {样式}

• Il-parti qabel {} hija s-"selettur".
• "Selettur" jindika l-oġġett "stil" ta' {}.
• Fi kliem ieħor, fuq liema element tal-paġna web jidħol fis-seħħ dan l-“istil”?

Eżempju tal-kodiċi

Hawn kif tagħżel u tfassal l-element class="sidebar":

.sidebar
{ 
background-color:black;
}

Dan li ġej huwa li tagħżel u tfassal l-element b'id="footer":

#footer
{ 
background-color:black;
}