Is cuid bhunúsach d'fhorbairt gréasáin é CSS(Stílbhileoga Cascáideacha) a bhfuil ról ríthábhachtach aige maidir le cuma amhairc na n-eilimintí HTML ar do láithreán gréasáin a rialú. Soláthraíonn sé sraith chumhachtach rialacha agus airíonna a shainíonn conas a thaispeántar, a bhformáidítear agus a shuitear gnéithe, rud a ligeann duit cuma agus mothú do leathanaigh ghréasáin a shaincheapadh.
Tosaímid le tuiscint a fháil ar choincheap na roghnóirí
Úsáidtear roghnóirí chun díriú ar shainghnéithe HTML le haghaidh stílithe. Is é ceann de na roghnóirí is bunúsaí ná an roghnóir eilimint, a roghnaíonn gach cás d'eilimint HTML ar leith.
Mar shampla, díríonn an riail CSS seo a leanas ar gach alt i ndoiciméad:
p {
color: blue;
}
Sa sampla seo, p roghnaíonn an roghnóir gach <p> eilimint agus socraíonn sé dath a dtéacs go gorm.
Roghnóir coitianta eile is ea an roghnóir ranga
Úsáidtear ranganna chun eilimintí a bhfuil tréithe comhchosúla acu a ghrúpáil. Trí rang a shannadh d'eilimintí HTML, is féidir leat iad a dhíriú agus a stíl le chéile.
Seo sampla:
.blue-text {
color: blue;
}
n sa chás seo, .blue-text díríonn an roghnóir gach eilimint leis an rang blue-text agus cuireann sé an dath gorm ar a dtéacs.
Ina theannta sin, ID ceadaíonn an roghnóir duit díriú ar eilimint ar leith trína aitheantóir uathúil. ID de ghnáth sanntar iad d'eilimintí aonair ar leathanach.
Seo sampla:
#header {
background-color: gray;
}
Sa sampla seo, #header roghnaíonn an roghnóir an eilimint leis an ID header agus cuireann sé dath cúlra liath air.
Ag bogadh ar aghaidh chuig comhréir CSS, tá roghnóir agus bloc dearbhaithe i ngach riail CSS
Tá an bloc dearbhaithe faoi iamh i braces curly {} agus tá dearbhú amháin nó níos mó. Is éard atá sna dearbhuithe maoin agus a luach comhfhreagrach.
Seo sampla:
h1 {
font-size: 24px;
color: #333;
}
Sa mhír chóid seo, h1 roghnaíonn an roghnóir gach <h1> eilimint agus socraíonn sé a gclómhéid go 24 picteilín agus dath an téacs go liath dorcha(#333).
Le linn na sraithe seo, déanfaimid iniúchadh agus míneoimid ar airíonna CSS éagsúla, ar roghnóirí agus ar a gcomhcheangail, rud a chuirfidh ar do chumas suíomhanna gréasáin a bhfuil cuma tharraingteach orthu agus dea-struchtúrtha a chruthú. Le tuiscint a fháil ar CSS agus ar a chomhréir bhunúsach, tabharfar an bunús duit chun smacht a ghlacadh ar ghnéithe stílithe do leathanaigh ghréasáin, ag cinntiú go mbeidh eispéireas uathúil agus pearsantaithe agat. Léimid isteach agus faighfimid na féidearthachtaí gan teorainn a bhaineann le CSS!