Klasė ir ID
„Cascading Style Sheets“(CSS) yra kalba, apibūdinanti dokumento, parašyto naudojant žymėjimo kalbą, išvaizdą ir formatą. CSS yra plačiai naudojamas HTML puslapiuose parašytiems tinklalapiams stilizuoti. CSS leidžia nurodyti savo stiliaus parinkiklius, be stilių taikymo HTML elementams. Tai daroma naudojant ID ir klasės parinkiklius. Nurodant vieno unikalaus elemento stilių, naudojamas ID parinkiklis. Nurodant elementų grupės stilių, naudojamas klasės parinkiklis.
Kas yra klasė?
CSS „Class selector“galima naudoti norint pritaikyti savo stilių elementų grupei. „Class“selektorius naudojamas taikyti tam tikrą stilių tos pačios klasės elementų rinkiniui. CSS klasių parinkėjas identifikuojamas tašku (.). Toliau pateikiamas CSS apibrėžto klasės parinkiklio pavyzdys.
. Mano klasė {
spalva: mėlyna;
šrifto svoris: paryškintas;
}
HTML gali nurodyti CSS apibrėžtą klasę, naudodamas atributų klasę, kaip parodyta žemiau.
Tai mano formatavimas
Tai vėl mano formatavimas
Kaip parodyta aukščiau, ta pati klasė gali būti naudojama keliems elementams, o vienas elementas gali naudoti kelias klases. Kai tame pačiame elemente naudojamos kelios klasės, klasės įterpiamos į klasės atributą, kurį skiria tarpas, kaip parodyta žemiau.
Tai mano formatavimas naudojant dvi klases
Kas yra asmens tapatybės dokumentas?
CSS ID parinkiklis gali būti naudojamas pritaikyti savo stilių vienam unikaliam elementui. CSS ID parinkiklį identifikuoja maiša (#). Toliau pateikiamas CSS apibrėžto ID parinkiklio pavyzdys.
#my_ID {
spalva: raudona;
text-align: dešinė;
}
HTML gali nurodyti ID pasirinkiklį, apibrėžtą CSS, naudojant atributo ID, kaip parodyta žemiau.
Tai mano formatavimas iš ID parinkiklio
ID yra unikalūs. Todėl kiekvienas elementas gali turėti tik vieną ID ir kiekvienas puslapis gali turėti tik vieną elementą su tuo konkrečiu ID. ID turi svarbią savybę, kurią galima naudoti su naršykle. Jei puslapio URL yra maišos reikšmė (pvz., Http: //myweb.com#my_id), naršyklė bandys automatiškai surasti elementą su ID „my_id“ir slinkti tinklalapį, kad būtų rodomas tas elementas. Tai yra viena iš priežasčių, kodėl puslapyje turėtų būti vienas elementas su tuo konkrečiu ID, kad naršyklė galėtų rasti tą elementą.
Kuo skiriasi klasė ir asmens kodas?
Nors ir klasės, ir ID selektorių galima naudoti pritaikant savo stilių tinklalapio elementams, jie turi keletą svarbių skirtumų. Klasės parinkiklis gali būti naudojamas pritaikant savo stilių elementų grupei, o ID parinkiklis naudojamas pritaikant stilių vienam unikaliam elementui. Naudojant ID, kiekvienas elementas gali turėti tik vieną ID, o kiekviename puslapyje gali būti tik vienas elementas su tuo konkrečiu ID, tačiau „Class“gali būti naudojama keliems elementams, o vienas elementas gali naudoti kelias klases. Be to, ID gali būti naudojamas automatiškai slinkti puslapį, kad būtų rodomas elementas su tuo ID, tačiau tai neįmanoma naudojant klasės parinkiklį.
