Dèan còmhnard-taice airson an làrach fhèin

Chòmhnard-taice bheil faisg air làrach sam bith - tha e na phàirt cudromach, mar a tha e urrainn le a coltas agus a Cleachdalachd a thàladh no, air an làimh eile, a 'cur feagal air falbh luchd-tadhail. Nach ag ionnsachadh mar a chruthaicheas an còmhnard elementary-taice: ga dhèanamh "cnàimhneach" to HTML, a 'daingneachadh an sgilean bunaiteach a chruthachadh. Faodaidh tu cinnteach a lorg deiseil chlàr-taice, ach mòran nas fheàrr a bhith ag ionnsachadh ciamar a leasachadh e fhèin. Tha i gu math spòrsail.

Ionnsaich a 'dèanamh clàr-taice

Chan eil sinn a 'feuchainn ri gluasad bho semeantaig, a tha a' cumail ri na prìomh-àireamhan de chruth. A 'chiad tha agad ri dhèanamh "cnàimhneach" airson clàran-bìdhe againn gu HTML, ag ionnsachadh sgilean bunaiteach aca fhèin a dhèanamh còmhnard clàran-bìdh. Agus an uair sin bidh e a sgeadachadh, a 'cleachdadh duilleagan-stoidhle. Leig ar còmhnard-taice 5 mu nithean. Tha a 'chiad phìos a thèid ath-stiùireadh gu duilleag-dachaigh. Tha an dàrna puing - "Mu dhuinn." Tha an treas - "Tha ar duaisean." Ceathramh - "Tha e spòrsail." Còigeamh - "Cuir fios thugainn."

HTML-code a 'coimhead mar seo:

Cò Chan eil fhios: ul tag ga chleachdadh airson an peilear, a 'tòiseachadh le eileamaidean na li. Li tags sealbhaich stoidhlichean a tha air a chur ris an ul.

Ul - bacaidh eileamaid an liosta, thèid a shìneadh a leud. Li tha cuideachd bacaidh.

Mar sin, a chruthachadh index.html. Cruinnichidh sinn ar còd. Aig an àm seo, am brabhsair a 'sealltainn dìreach seach chòmhnard chlàr-taice. Ach tha sinn maille ribh amas - a dhèanamh còmhnard-taice airson na làraich. Airson seo a dh'fheumas sinn CSS.

Dè tha CSS?

Ma tha sibh fhathast a 'daingneachadh an leasachadh na làraich seo, tha e riatanach gus a dhol an eòlach air na bun-bheachd fo-dhuilleagan stoidhle. Gu dearbh, tha iad seo na riaghailtean airson deasachadh, a làimhseachadh, a tha air iarrtas a chur gu diofar eileamaidean air duilleagan de làrach-lìn. Ma tha sinn a 'toirt cunntas air feartan na h-eileamaidean ann an ìre HTML, bidh agaibh ri seo a-rithist iomadh turas, gheibh thu dùblachadh an aon pìosan code. duilleag luchd-ùine air an neach-cleachdaidh a 'fàs. Gus seo a sheachnadh, tha CSS. Tha e suffices airson cunntas a thoirt ach aon uair àraidh eileamaid, agus an uair sin dìreach a 'sealltainn far a bheil a' cleachdadh na feartan sònraichte an stoidhle. Tha e comasach a dhèanamh an tuairisgeul a-mhàin Chan eil teacsa an duilleag fhèin, ach cuideachd ann faidhle eile. Bheir seo cothrom tagradh a chur an tuairisgeul de na stoidhlean eadar-dhealaichte air a h-uile duilleagan an làraich. Tha e cuideachd goireasach atharrachadh cuid de na duilleagan, a 'gleusadh an CSS-faidhle. Duilleagan stoidhle cothrom dhut a bhith ag obair le miasan-baistidh air ìre na b 'fheàrr na an HTML, a' cuideachadh a 'fàs nas miosa a sheachnadh an grafaigeachd duilleagan an làraich.

Cleachdadh duilleagan stoidhle airson leasachadh clàr-taice

CSS-code airson a 'chlàr:

1. # My_1menu {liosta-stoidhle: none; padding: 6; leud: 800px; OIR: auto;}
2. # My_1menu li {pùta: chlì; font: clò Eadailteach 18px deilbh on;}
3. # My_1menu a {color: # 756; taisbeanadh: an loga bacaidh; àirde: 55px; loidhne-àirde: 55px; padding: 0px 15px 0px 15px; Cùl-fhiosrachadh: #dfc; Ur-sgeadachadh: none;}
4. # My_1menu a: iadhadh {dath: #foa; Cùl-fhiosrachadh: # 788;}

Leig a-nis a 'coimhead air a' chòmhnard thoradh CSS chlàr-taice.

# My_1menu - mar sin tha e an stoidhle-obrach airson UL- eileamaid le id = my_1menu, liosta-stoidhle: cha - seo an àithne a thoirt air falbh na comharraidhean fhàgail le clàraichte sa.

leud: 800px - leud ar-taice na tha 800 piogsail.

padding: 0 - seo falbh padding a-staigh.

OIR: auto - vyravnivnie còmhnard chlàr-taice aig teis-meadhan ar duilleag.

# My_1menu li - sònrachadh stoidhlichean li-eileamaidean.

àirde: 55px - menu àirde.

# My_1menu a: iadhadh - sònrachadh stoidhlichean gu eileamaid agus nuair a tha e brosnaichte leis an luchag.

Cha bhi sinn a 'toirt cunntas mionaideach air a h-uile loidhne, mar a h-uile h-leasachaidh urrainn comharraichibh a crìochan seo. Tha seo a 'bhunait airson cleachdadh stoidhlichean ann an liosta air an làrach-lìn. 'S urrainn dhut a thoirt nas chrìochnaichte is àlainn na choltas, a' cleachdadh dhealbhan. Shònrachadh eileamaid ach, mar eisimpleir, cùl-: url (img1.png)-rithist x. Biodh chùl: url (img2.png)-rithist x airson: iadhadh.

Cleachd do mhac-meanmna, cruthachail roghainnean. An sin stèidhichte air an eòlas sin mar a tha air a chruthachadh sìmplidh liosta air an làrach-lìn, faodaidh tu duilleag a leasachadh le a shònraichte fhèin air an dealbhadh.