Tha stoidhle lèirsinneach agus cruth làrach-lìn air a dhearbhadh le CSS no Cascading Style Sheets. Is iad seo sgrìobhainnean a tha a 'cumadh comharra HTML duilleag-lìn, a' toirt seachad stiùireadh le brabhsair lìn air mar a sheallas iad na duilleagan a thig bhon chomharra sin. Bidh CSS a 'làimhseachadh cruth duilleag, a bharrachd air dath, ìomhaighean cùl-raoin, clò-bhreac agus mòran a bharrachd.
Ma sheallas tu air faidhle CSS, chì thu sin mar chànan comharraidh no còdachaidh, tha co-cheangal shònraichte aca air na faidhlichean sin. Tha gach duilleag stoidhle air a dhèanamh suas de riaghailtean CSS. Is iad na riaghailtean sin, nuair a thèid an toirt gu h-iomlan, dè na stoidhlichean a th 'air an làrach.
Na pàirtean de Riaghailt CSS
Tha riaghailt CSS air a dhèanamh suas de dhà phàirt air leth - an tagraiche agus an dearbhadh. Bidh an neach-taghaidh a 'dearbhadh dè a tha air a chomharrachadh air duilleag agus an dearbhadh mar a bu chòir a bhith air a chomharrachadh. Mar eisimpleir:
p {
dath: # 000;
}
Is e riaghailt CSS a tha seo. Is e am pàirt roghnachaidh an "p", a tha na roghnaiche eileamaid airson "paragrafan". Mar sin, bhiodh e a 'taghadh ALG paragrafan ann an làrach agus an stoidhle seo a thoirt dhaibh (mura h-eil paragrafan ann a tha ag amas air stoidhlichean nas sònraichte ann an àiteachan eile san sgrìobhainn CSS agad).
Am pàirt den riaghailt a tha ag ràdh "dath: # 000;" Is e an rud ris an canar an dearbhadh. Tha an dearbhadh sin air a dhèanamh suas de dhà phìos - an togalach agus an luach.
Is e an togalach am pìos "dath" den dearbhadh seo. Tha e ag innse dè an taobh den roghnaichear a thèid atharrachadh gu lèir.
Is e an luach a thèid an togalach CSS roghnaichte atharrachadh. Anns an eisimpleir againn, tha sinn a 'cleachdadh luach hex # # 000, a tha an-dràsta airson clàr dubh airson "dubh".
Mar sin, a 'cleachdadh an riaghailt CSS seo, bhiodh paragrafan air an duilleag againn ann an dath cruth-dubh dubh.
Bunsgoil Seilbh CSS
Nuair a sgrìobhas tu feartan CSS, chan urrainn dhut dìreach an dèanamh suas mar a chì thu freagarrach. Airson suidheachaidhean, 'se dath a th' ann an "dath", mar sin faodaidh tu a chleachdadh. Is e an togalach seo a tha a 'dearbhadh dath teacsa eileamaid. Ma dh'fheuch thu ri "teacsa-dath" no "font-color" a chleachdadh mar sheilbh CSS, cha bhiodh iad sin a 'fàilligeadh oir chan eil iad mar phàirtean fìor den chànan CSS.
Is e eisimpleir eile an togalach "background-image". Tha an togalach seo a 'suidheachadh ìomhaigh a dh'fhaodar a chleachdadh airson cùl-raon, mar seo:
.logo {
background-image: url (/images/company-logo.png);
}
Ma dh'fheuch thu ri "cùl-deilbh" no "background-graphic" a chleachdadh mar sheilbh, cha bhiodh iad a 'fàilligeadh oir, chan eil seo na fheartan CSS.
Gnothaichean CSS
Tha grunn fheartan CSS ann a dh'fhaodas tu a chleachdadh airson stoidhle a dhèanamh air làrach. Is e cuid de na h-eisimpleirean:
- Crìochan (a 'gabhail a-steach stoidhle crìche, dath crìche agus leud a' chrìche)
- Clògachadh (a 'gabhail a-steach mullach cloiche, cromagan-làimh, bun-sgeadachaidh, agus cliathadh-clì)
- Margins (a 'gabhail a-steach mullach-taobh, taobh deas-làimh, bonn iomall, agus taobh clì)
- Teaghlach na clòimhe
- Meud-clò
- Cùl-deilbh
- Leud
- Àirde
Tha na togalaichean CSS seo nan fheadhainn sgoinneil airson eisimpleirean a chleachdadh, oir tha iad uile gu math sìmplidh agus, eadhon mura h-eil CSS eòlach agad, is dòcha gu bheil thu a 'smaoineachadh gu bheil iad stèidhichte air an ainmean.
Tha feartan CSS eile a choinnicheas tu cuideachd, agus dh'fhaoidte nach bi cho follaiseach ciamar a bhios iad ag obair stèidhichte air an ainmean:
- Flùraichean
- Sgòthan geala
- Thar-sgaoilte
- Cruth-teacsa
- Z-clàr-innse
Mar a bhios tu a 'fàs nas doimhne ann an dealbhadh lìn, bidh thu a' coinneachadh (agus a 'cleachdadh) na seilbhean sin uile agus barrachd!
Feartan Feumach air Luachan
Gach turas a chleachdas tu seilbh, feumaidh tu luach a thoirt dha - agus faodaidh cuid de na togalaichean ach luachan sònraichte a ghabhail.
Anns a 'chiad eisimpleir againn den mhaoin "dath", feumaidh sinn luach dath a chleachdadh. Dh'fhaodadh seo a bhith na luach hexach , luach RGBA, no eadhon prìomh fhaclan dath . Bhiodh aon de na luachan sin ag obair, ge-tà, ma chleachdas tu am facal "gruamach" leis an togalach seo, cha dèanadh e dad oir, mar a tha tuairisgeul leis a 'bhriathrachas sin, chan e luach aithnichte a tha ann an CSS.
Tha an dàrna eisimpleir againn de "background-image" a 'ciallachadh gum feumar slighe ìomhaigh a chleachdadh gus ìomhaigh fhìn fhaighinn bho fhaidhlichean an làraich. Is e seo an luach / co-fhreagairt a tha a dhìth.
Tha luachan aig gach seilbh CSS a tha iad a 'sùileachadh. Mar eisimpleir:
- Tha dath colta a 'sùileachadh luach dath
- Tha meud crìochan a 'sùileachadh luach sèididh, leithid picsean no ceudadan
- Tha stoidhlichean crìochan an dùil gum bi aon de na stoidhlichean glèidhte a thathar a 'cleachdadh airson an togalaich seo, mar "solid"
Ma thèid thu tron liosta de sheilbh CSS, gheibh thu a-mach gu bheil luachan sònraichte aig gach fear dhiubh a chleachdas iad gus na stoidhlichean a tha iad an dùil a chruthachadh.
Air a dheasachadh le Jeremy Girard