Tha lìonadh CSS mar aon de na feartan aig a ' mhodail bogsa CSS . Tha an roinn ghoirid ghoirid seo a 'suidheachadh a' ghlasadh timcheall air ceithir taobhan eileamaid HTML. Faodar gleansadh CSS a chleachdadh gu faisg air gach tag HTML (ach a-mhàin cuid de na tagaichean bòrd). A thuilleadh air an sin, faodaidh luach eadar-dhealaichte a bhith aig gach taobh den eileamaid.
Suidheachadh Togalaichean CSS
Gus an togalach gleadaidh CSS geàrr-làimhe a chleachdadh, faodaidh tu an "TRouBLe" (no "TRiBbLe") luchd-leantainn Star Trek a chleachdadh dhut. Tha seo a 'seasamh airson mullach , deas , bonn , agus clì , agus tha e a' toirt iomradh air òrdugh nan leud padding a chuir thu ann an seilbh goirid. Mar eisimpleir:
batrachadh: mullach deas gu h-ìosal air an làimh chlì; gleabadh: 1px 2px 3px 6px;Nam biodh tu a 'cleachdadh nan luachan a tha air an liostadh gu h-àrd, bhiodh luach atharrachaidh eadar-dhealaichte ann airson gach taobh de gach eileamaid HTML a tha thu ga chur a-steach. Ma tha thu ag iarraidh an aon phlatadh a chur gu gach taobh, faodaidh tu do CSS a dhèanamh nas sìmplidhe agus dìreach aon luach a sgrìobhadh:
gleabadh: 12px;Leis an loidhne sin de CSS, bhiodh 12 piogsail de lìonadh a 'buntainn ris na ceithir taobhan den eileamaid.
Ma tha thu ag iarraidh gum bi am padding mar an ceudna airson a 'mhullach agus gu h-ìseal agus clì is deas, faodaidh tu dà luachadh a sgrìobhadh:
gleabadh: 24px 48px;Bhiodh a 'chiad luach (24px) a' buntainn ris a 'mhullach agus aig a' bhonn, agus bhiodh an dàrna fear a 'buntainn ris an làimh chlì agus deas.
Ma sgrìobhas tu trì luachan, nì sin an gleidheadh còmhnard (clì is deas) mar an ceudna, fhad 'sa bhios e ag atharrachadh a' mhullaich is a 'bhonn:
batrachadh: bonn mullach deas is clì; gleadachadh: 0px 1px 3px;A rèir modail bogsa CSS, tha gleanachadh nas fhaisge air an eileamaid / susbaint fhèin. Tha seo a 'ciallachadh gu bheil plèadachadh ga chur ri eileamaid eadar leud no àirde susbaint agus luachan sam bith a chleachdas tu. Ma tha an gleadadh air a shuidheachadh gu neoni, tha an aon oir ris an t-susbaint.
Luachan coileanaidh CSS
Faodaidh luadhadh CSS a bhith a 'gabhail luach fad-àicheil sam bith. Dèan cinnteach gun comharraich thu an tomhas, mar px no em. Faodaidh tu cuideachd ceudad a shònrachadh airson a 'phlugaidh agad, a bhios na cheudad de leud bloigh anns a bheil an eileamaid. Tha seo a 'gabhail a-steach a bhith a' gleidheadh àrd agus bonn. Mar eisimpleir:
#container {leud: 800px; àirde: 200px; } #container p {width: 400px; àirde: 75%; batrachadh: 25% 0; }Is e àirde a 'pharagraf taobh a-staigh na h- eileamaid #container 75% de àirde #container agus 25% den leud airson a' phluadadh as àirde agus 25% den leud airson a 'phlugadh bun. Tha seo gu lèir 300 + 200 + 200 = 700px.
Buaidh a 'Cur Adhartachadh CSS
Air na h -eileamaidean ìre-bloc , tha an cleadadh air a chur air na ceithir taobhan. Seach gur e bloc no bogsa a th 'anns an eileamaid mu thràth, tha an cleadadh air a chur gu taobhan a' bhogsa.
Nuair a thèid ath-ghlasadh CSS a chur ris na h-eileamaidean in-loidhne , dh'fhaodadh gum bi cuid de na h-eileamaidean gu h-àrd agus nas ìsle na an in-loidhne ma tha an gleabadh dìreach nas àirde na àirde na loidhne, ach cha toir e an àirde loidhne sìos. Thèid plocadh CSS còmhnard a chuir a-steach do eileamaidean inline a chur ri toiseach an eileamaid agus deireadh an eileamaid. Agus is dòcha gum faod an lìonadh loidhnichean a thilgeil. Ach cha bhith e a 'buntainn ri gach loidhne de eileamaid ioma-loidhne, mar sin chan urrainn dhut cleadachadh a chleachdadh gus earrann de shusbaint ioma-loidhne a thoirt a-steach.
Cuideachd, ann an CSS2.1, chan urrainn dhut blocan soithichean a chruthachadh far a bheil an leud an crochadh air eileamaid le ceudadan airson leud (no leud planaidh). Ma nì thu an toradh chan eil e soilleir. Bidh na brabhsair fhathast a 'taisbeanadh na tha ann ach chan fhaigh thu na toraidhean a tha thu a' sùileachadh. Ma tha thu a 'smaoineachadh mu dheidhinn, tha e ciallach, mar gum feum fios a bhith aig an eileamaid co-cheangailte ris farsaingeachd a cuid pàiste gus an leud a mhìneachadh - mar nuair nach eil leud ro-mhìneachaidh aige, agus gu bheil aon no barrachd air tha leud air a shuidheachadh mar àireamh sa cheud de na h-eileamaid soithich, tha seo a 'stèidheachadh slabhraidh chruinn gun fhreagairt. Ma chleachdas tu ceudadan airson leud sam bith air do phàipear, bu chòir dhut dèanamh cinnteach gu bheil farsaingeachd pàrant nam pàrant cuideachd air am mìneachadh.