Avakirina dokumentê belgeya HTML-ê wekhev e. Di malbata we de, dêûbavên we û yên din ên ku ji we re hatin ba we hene. Ev bav û kal in. Zarok û yên ku di wê darê de werin paşê zarokên wan in. HTML di heman rengî de kar dike. Elemanên ku di hundurên din de hene nifşên wan in. Ji bo nimûne, ji hema hema hema her HTML element di hundirê
tags de ye, ew ê nijadê ku wê elementên wê bibin. Têkilî girîng e ku hûn fêm bikin ku hûn dest bi CSS re dixebitin û hewce ne ku hûrgelên taybetî yên armanc bikin ku ji bo şêweyên dîtir bikin.Hilbijêre Xweserên CSS
Hilbijêrek nifûsa CSS-ê ku di hundurê din elementê de (an jî bêtir rastîn diyar kirin, nimûne ku nifşek din ê nifş e). Ji bo nimûne, lîsteyek nenaskirî ya navekî bi tagek nifşan e. Bila wekî mînakek HTML-ê bikar bînin:
- ev girêdan e li> ul>
LI tags zarokên xweyî UL in. Tîpa hemî hemwelatiya hem LI (zarokê zarokê) û UL (nifşek nijad) tags. Heke hûn difikirin ku ev nimûne wekî mînakê dara malbatê,
- dê dêûbav be, li
- dê bibe zaroka elementa, û dê zarok be
- û bavê
- .
- ) e. Hemû rûpelên din li ser rûpelê ku nifşek nifşek neyê ne, dê vê şêwazê neyê.
Ji ber vê yekê hûn ê çawa bikarhênerên van nifşan bikar tînin ku hûn di nav malperên taybetî de hedef bikin? Pêşîn, divê hûn bijartirên nijadên xwe binirxînin ji hêla du (an bêtir) hilbijêrên hilbijêre bi hêla cihan vekirî ve bikar bînin.
li a {text-decoration: none; }Di vê nimûneyê de, styles dê tenê li ser elementek girêdana () ê ku nifşek navekî lîsteya navekî lîsteyê (
Ji bo ku tiştek bîr tîne girîng e ku ew ne girîng e ku ew di nav tarîxên ku hûn di hilbijartina nijadê xwe de bi kar tînin binivîsin. Heke hêja yekem di hundirê yekem de ve girêdayî ye, ew ê wek nijadek bijartin.
Heke hûn dixwazin ku hemî lîder hilbijêre ku ji hêla ul elements ve têne veşartin, hûn ê binivîse:
ul a {text-decoration: none; }Niha, ev şêweyên li ser her girêdan e ku nifşek ji lîsteya lîsteyê ye. Hûn dikarin vê hilbijartinê binivîsin
ul li a {text-decoration: none; }Ev hilbijartina nifşek e ku ji du bijarker bijartir bikar tîne. Di vê rewşê de, ev ê girêdayî girêdanên ku di hundirê lîsteyê de û li hundirê lîstikek bêsûrekirî ne.
Vebijêrkên Kursî û Hilbijêre Nasname
Hilbijêrên ku hûn ji dûr dakevin holê neyê ku herdem her nifşên cûr be. Ji bo nimûne, bifikirin ku hûn liverek (wekî parçeyek) bi nasnameyeke "billboard" re heye. Hûn dikarin hilbijêrek nijadek nasnameya nifşan ava bike:
#billboard ul {background-color: #ccc; }Ev ê lîsteya nenaskirî ya sembolî ye ku nifşek an elementek bi nasnameya "billboard" e. Hûn dikarin ji hêla nirxên çandî re bikin.
div.billboard ul {background-color: #ccc; }Vê yekê dibêje ku parçeyek nirxa klasîk ya "billboard" heye. Sêyemîn CSS dê ê
hundirê hundurê her parçeyek ku ev nirxa wê ye heye. Hûn dikarin hilbijêrek nifşên bi rastî-dest û verb verb dikarin bibin. Ji bo nimûne, eger hûn bikarhênerek Dreamweaver bikar bînin, koda HTML-ê binivîse , dema ku hûn qaîdeyên CSS-ê nû ve zêde bike, ew ê li ser vê rûpelê li ser kursorê xwe-ê hilbijêre-ê xweş bike. What Dreamweaver di vê rewşan de çi dike, ew hilbijêre û zûtirîn nijadek nifş e. Ji bo taybetmendiya CSS- ê dixebite ku pir taybetmendî ye. Çi ku hûn dixwazin bixwazin di navbera hilbijartina nijadek nîjer e ku hûn hewce nebe ku hûn hewce nebe ku hûn hewce nebin ku hûn hewce nebe (bêyî stylên ku hûn nexwestin bandor bikin) bêyî ku qaîdeyên CSS-ê yên ku hema hilbijartî hene mezin.
- û bavê
- dê bibe zaroka elementa, û dê zarok be