Malpera pirtirkêmtirîn a malperê û rêbazek bi hêla CSS-ê an jî Hilbijartinên Hilbijartinên Cascading de têne çêkirin. Ev belgeyên ku di çarçoveyek HTML-ê de nîşan bide, destnîşankirina malperên bi malperê pêşkêş dikin ka çawa pirtûkên ku ji encamên wê ve nîşan bide nîşan bidin. CSS celebek pirtûka peldankê, herweha rengê, wêneyên paşnav, çîrok û hêja.
Heke hûn pelê CSS-ê binêrin, hûn ê bibînin ku wekî zimanek yek-an jî qeydkirina kodkirinê, wan pelan ji wan re syntax-specific heye. Pirtûka her şêweyê ji çend hejmareke CSS-ê tê çêkirin. Ev qanûn, gava ku di tevahî de pêk tê, ew e ku çiqas malperê.
Beşa Rêzeya CSS-ê
Rêveberiya CSS-ê ji du parçeyên cuda-hilbijêre û daxuyaniyek çêkiriye. Hilbijêre diyar dike ku çi li ser rûpelê tête çêkirin û daxuyaniyek e ku ev çiqas pirrjimar bibe. Bo nimûne:
p {
rengê # 000
}
Ev rêbazek CSS ye. Beşek parçeyek "p" ye, ku kîhek hilbijêrek ji bo "paragraphs" ye. Ji ber vê yekê, wê dê, di parçeyek hemî paragrafan hilbijêre û wan bi vê şêwazê bide (heke paragrafên ku ji hêla celebên taybet ên din ve di belgeya CSS-ê de vexwendin).
Beşê hukumeta ku dibêje "reng: # 000;" e ku daxuyaniya ku tê ragihandin. Ev daxuyaniyek ji du parçeyan pêk têne - milk û nirx.
Malpera perçeyek vê daxuyaniyek "reng" ye. Ew diyarkirina kîjan pêşerojê bijarte dê bi rengek guhertin.
Nirx e ku tiştên taybetmendiya bijarte dê dê ji bo guhertin. Di nimûne me de, em nirxa hexê # 000, ji bo "black" ji hêla CSS re diyar dike.
Ji bo vê rêbazê vê CSS-ê bikar bînin, rûpelê me dê paragrafên wê di cure-rengê reş de tête nîşandan.
Basilên Xanûbereya CSS
Dema ku hûn taybetmendiyên CSS binivîsin, hûn nikarin wan xweş bikin, wekî ku hûn bi xwe re bibînin. Ji bo rewşan, "reng" xaniyek CSS rast e, da ku hûn bikar bînin. Ev malê çi ye ku rengê rengê ya elementek diyar dike. Heke hûn hewl da ku "text-color" an "font-color" wekî taybetmendiyên CSS-ê bikar bînin, ev dê têkevin, çimkî ew ne parçeyek zimanên CSS-ne ne.
Nimûneyeke din jî xwedan "xwedan-paşnav-reng" ye. Ev xaneyek wêne dike ku dikare ji bo paşê ve tê bikaranîn:
.logo {
background-image: url (/images/company-logo.png);
}
Heke hûn hewldan da ku "pişk-wêne" an "paşnav-grafîk" wekî karûbarê bikar bînin, ew dê nebin, çimkî, careke din, ew taybetmendiyên CSS hene.
Hinek Properties CSS
Gelek taybetmendiyên CSS hene ku hûn dikarin bi şêweyek malperê bikar bînin. Hinek mînakan hene:
- Sînor (tevlî sînor-sînor, sînor-reng, û sînor-çarçove)
- Padding (including padding-top, padding-right, padding-bottom, and padding-left)
- Margins (navîgasyon-top, margin-right, margin-bottom, û margin-left)
- Malbata Font-family
- Font-size
- Background-color
- Berî
- Bilindî
Ev taybetmendiyên CSS-ê ji bo mînakên wekî bikar bînin, ji ber ku ew hemî yek e û tevî ku hûn CSS-ê nizanin, hûn dikarin bifikirin ku navên wan li ser navê wan çi bikin.
Xalên taybetmendiyên din hene ku hûn ê jî tevlihev bikin ku dibe ku ew ne diyar dikin ku ew çawa navên xwe li ser wan dixebite:
- Avbazîn
- Zelal
- Seravgirtin
- Text-transform
- Z-index
Wekî ku hûn di designa malperê de digerin, hûn ê van hem taybetmendiyên bêtir (û bikar bînin) bi hev re bikin.
Pêvanên Pêdivî ye
Her dema ku hûn malperê bikar bînin, divê hûn nirxek nirxînin - û taybetmendiyên taybetî dikarin tenê hin nirxan qebûl bikin.
Di nimûne yekem de ji sîteya "reng", em hewce dikin ku nirxek rengê bikar bînin. Ew dikare bibe hexek hex, rêjeya RGBA, an jî hêja kêşeyên rengîn . Her yek ji van nirxan kar bîne, lê belê, eger hûn bi van xerîbê "xemgîn" bikar bînin, ew dê tiştek tiştek bikî, wekî ku wekî gotina wêjeyê dibe, ew nirxa naskirî ya CSS ye.
Nimûneya duyem ya duyemîn ya "paşnav-rengê" hewce ye ku rêgezek pêdivî ye ku ji bo wêneyên malpera xwe ji rastînek rastînek wêne bikî. Ev girîng / sîtax e ku pêwîst e.
Xalên taybetmendiyên CSS-ê xwedî nirxên ku hêvî dikin. Bo nimûne:
- Rengê rengê çiqas rengek rengî hêvî dike
- Border-size hêviya nirxa sizing, mîna pencil an jî sedî
- Stylesên sînor hêvî dike ku yek ji ji şêweyên parastî ji bo vê taybetmendiyê tê bikaranîn, wekî "solid"
Heke hûn di nav lîsteya CSS-ê de digerin, hûn ê bibînin ku her yek ji nirxên taybetî hene ku ew bikar bînin ku ji bo şêweyên wan çêbikin ku ji bo armanca wan têne çêkirin.
Edited by Jeremy Girard