Pagkakaiba sa pagitan ng id at klase sa CSS

Talaan ng mga Nilalaman:

Ano ang Mga Panuntunan sa CSS
Ano ang id
Ano ang klase
Pagkakaiba sa pagitan ng id at klase sa CSS

Ang pangunahing pagkakaiba sa pagitan ng id at klase sa CSS ay ang Ginagamit ang id upang ilapat ang istilo sa isang natatanging elemento habang ang klase ay ginagamit upang mailapat ang istilo sa maraming elemento.

Mayroong iba't ibang mga teknolohiya sa pagbuo ng web. Ang mga pangunahing wika para sa pagbuo ng mga website ay ang HTML, CSS at JavaScript. Ang HTML ay nangangahulugang Hyper Text Markup Language. Nakakatulong ito upang mabuo ang istraktura ng webpage. Tumutulong ang JavaScript upang gawing mas pabago-bago ang webpage. Ang CSS ay nangangahulugang Cascading Style Sheets. Nakakatulong ito upang magdagdag ng mga istilo at upang gawing mas kanais-nais ang mga web page. Nalalapat ang mga panuntunan sa CSS sa mga elemento ng HTML. Gayundin, makakatulong ang mga selectors ng CSS upang mahanap ang mga elemento at ilapat ang kinakailangang istilo sa mga HTML tag. Ang id at klase ay dalawang uri ng mga tagapili.

Klase, Mga Panuntunan sa CSS, ID

Ano ang Mga Panuntunan sa CSS

Ang CSS ay binubuo ng isang hanay ng mga patakaran. Maaaring bigyang-kahulugan ng browser ang mga patakarang ito at ilapat ang mga ito sa tinukoy na mga elemento sa dokumento. Ang isang panuntunang istilo ng CSS ay binubuo ng tatlong mga seksyon. Ang mga ito ang tagapili, pag-aari at halaga. Ang deklarasyon ay tumutukoy sa kombinasyon ng pag-aari at halaga. Lumilitaw ang mga ito sa loob ng isang pares ng mga kulot na tirante tulad ng sumusunod.

tagapili {pag-aari: halaga; }

Tagapili - Mga tulong upang makilala ang elemento upang mailapat ang estilo

Pag-aari - Isang katangian. Ang lahat ng mga katangian ng HTML ay na-convert sa mga katangian ng CSS. Ang ilang mga halimbawa ay kulay, text-align, border, atbp.

Halaga - Halaga ang itinalaga sa pag-aari. Halimbawa, ang asul ay maaaring italaga sa kulay ng pag-aari.

Ano ang id

Maaaring tukuyin ng programmer ang isang panuntunan sa istilo batay sa id ng mga elemento. Ang lahat ng mga elemento na may parehong id ay mailalapat sa tinukoy na estilo. Upang pumili ng isang elemento na may isang tukoy na id, dapat mayroong isang simbolo ng # (hash) na sinusundan ng id ng elemento.

Ipagpalagay na ang HTML file ay naglalaman ng isang pahayag tulad ng sumusunod.

Naglalaman ang CSS file ng sumusunod na piraso ng code.

# header1 {

kulay: asul;

}

Kapag binibigyang kahulugan ng browser ang pahayag ng HTML, sinusuri nito ang id ng h1 na elemento, na header1 sa CSS file. Pagkatapos, inilalapat nito ang tinukoy na panuntunan ng CSS sa elemento ng h1. Samakatuwid, ang teksto na Hello World ay lilitaw sa kulay asul.

Ang id ay natatangi sa loob ng pahina. Samakatuwid, ang tagapili ng id ay ginagamit para sa isang natatanging elemento.

Ano ang klase

Katulad ng id, maaaring tukuyin ng programmer ang mga patakaran ng istilo batay sa klase ng elemento. Ang lahat ng mga elemento na may parehong klase ay mailalapat sa isang tinukoy na estilo. Upang pumili ng isang elemento na may isang tukoy na klase, dapat mayroong a. Simbolo (panahon) na sinusundan ng pangalan ng klase.

Ipagpalagay na ang HTML file ay naglalaman ng mga sumusunod na pahayag.

Naglalaman ang CSS file ng sumusunod na piraso ng code.

.header1 {

kulay: asul;

}

Kapag binibigyang kahulugan ng browser ang pahayag ng HTML, sinusuri nito ang klase ng elemento ng h1, na kung saan ay header1 sa CSS file. Pagkatapos, inilalapat nito ang tinukoy na panuntunan ng CSS sa lahat ng mga elemento ng h1. Samakatuwid, ang teksto na Hello World 1 at Hello World 2 ay lilitaw sa kulay asul.

Posibleng gumamit ng parehong klase sa maraming elemento. Samakatuwid, ang tagapili ng klase ay ginagamit para sa maraming mga elemento.

Pagkakaiba sa pagitan ng id at klase sa CSS

Kahulugan

Ang id ay isang tagapili sa CSS na nagtatampok ng elemento ng isang tinukoy na id samantalang ang klase ay isang tagapili sa CSS na nagtatampok ng mga napiling elemento na may isang tinukoy na klase.

Syntax

Ang syntax ng id ay #id {css deklarasyon; }. Ang syntax ng klase ay.class {css deklarasyon; }

Paggamit

Bukod dito, ang paggamit ng id ay upang ilapat ang estilo sa isang tukoy na elemento. Ang paggamit ng klase ay upang ilapat ang estilo sa maraming mga elemento.

Konklusyon

Ang id at klase ay dalawang tagapili sa CSS na nagbibigay-daan sa paglalapat ng estilo sa mga elemento ng HTML. Ang pangunahing pagkakaiba sa pagitan ng id at klase sa CSS ay ang id na ginagamit upang mailapat ang istilo sa isang natatanging elemento habang ginagamit ang klase upang mailapat ang istilo sa maraming elemento.