Cyfrifiaduron, Meddalwedd
Sut i wneud galw-i-lawr bwydlenni CSS
Heddiw, byddwn yn ystyried y cwestiwn o "Sut ydw i'n creu galw heibio i lawr bwydlenni CSS?". Dylai ddweud ar unwaith y bydd yr eitem hon yn cael ei wneud heb gysylltu unrhyw arian ychwanegol. Hynny yw, bydd y fwydlen yn cael eu creu yn unig gyda CSS a HTML.
hyfforddiant
Er mwyn deall yn llawn yr hyn sydd ynddo yn yr erthygl, mae angen ychydig bach i gael gyfarwydd â deunydd damcaniaethol. Ond os ydych yn gyfarwydd â ffug-ddosbarth, gallwch hepgor y paragraff hwn. Felly, i greu galw-i-lawr bwydlenni CSS fertigol, mae angen elfen fel «: hofran". Mae'r ffug: Gall «hofran» yn cael ei neilltuo i unrhyw tag HTML. Mae'n eich galluogi i ddiffinio hyn o bryd pan fydd eitem Hofran eich llygoden. Er enghraifft, rydym wedi penodi eiddo: «a: hofran {lliw: coch;}». Mae'r cofnod yn golygu pan fyddwch yn hofran y llygoden mae'n troi coch ar y cynnwys unrhyw tag. Mae'n werth nodi bod hyn ffug elfen hefyd yn anweithredol. Gyda llaw, «: hofran» wedi gysylltiedig elfennau tebyg. Ond o hyn byddwn yn creu CSS ffug gwymplen.
cyfarwyddyd
Yn gyntaf, gadewch i ni ddeall beth yw cwymplen. O dan y diffiniad hwn yn cael llawer o wahanol ddulliau adeiladu gwahanol gynlluniau. Yn yr achos hwn, byddwn yn ddadansoddi strwythur sy'n cynnwys nifer o eitemau gweladwy yn gyson a nifer ychwanegol (cudd). Gadewch i ni orffen â theori a dechrau ymarfer.
- Rydym yn creu cynllun ein bwydlen. I wneud hyn, labelu HTML-god. Creu rhestr nythu:
-
- < / ul>. Dylai rhywbeth fel hyn yn edrych fel eich gwymplen. CSS i ymyrryd yn ddiweddarach. Yn yr achos hwn y brif restr yn cynnwys tair prif feysydd a dau amgaeedig.
- Cuddio yr is-ddewislen. Ar gyfer hyn rydym yn defnyddio arddull, yn diffinio yr eiddo canlynol: ul ul {arddangos: dim;} Bydd hyn yn dileu'r elfennau o'r ail restr o'r sgrin.
- Creu CSS fwydlen, gollwng i lawr o'r brif restr. Mae'r taflenni arddull rhaeadrol ysgrifennu'r rheol ganlynol: li ul: hofran ul {arddangos: bloc;}. Mae'r cofnod yn golygu pan fydd y llygoden dros y li elfen, sydd wedi ei leoli yn y rhestr ul ymddangos ar y sgrin ul (ynghlwm). Ar yr olwg gyntaf, gall cynllun o'r fath yn ymddangos yn gymhleth ac yn ddryslyd. Ond mewn gwirionedd, mae popeth yn syml iawn.
- Defnyddiwch cynllun hwn eich hun drwy fewnosod y tagiau
- eich cynnwys. Gallwch newid nifer yr elfennau rhestr.
newidiadau addurniadol
Cyn gynted ag y brif ddewislen gosodiad yn barod, gallwch symud ymlaen i gofrestru. Mwy na thebyg, mae llawer yn y lle cyntaf yn barod i gael gwared ar marcwyr sy'n dangos yr eitem rhestr. Gwneir hyn gan ddefnyddio CSS eiddo sengl, sef y rhestr--fath arddull. Mae angen i chi ychwanegu'r cofnod canlynol: li {rhestr-arddull-fath: dim;}. Yna gallwch mewnosoder y ffrâm ac yn gwneud y cefndir. Mae'r ffin a chefndir eich helpu gyda hyn. Efallai na fydd rhai yn hoffi bydd y ddewislen tynnu-lawr yn ymddangos fel rhestr ychwanegol, gwthio ar yr un elfennau sylfaenol. I atgyweiria hon, gallwch osod iddo. I wneud hyn, taflenni arddull rhaeadrol ysgrifennwch y cofnod canlynol: ul ul {sefyllfa: absoliwt; chwith: 15px; dde: 15px; top: 15px; gwaelod: 15px;}. Wrth gwrs, mae'r gwerthoedd byddwch yn defnyddio eich hun. Yn dibynnu ar ble rydych am weld y cwymplenni, bydd CSS yn cynnig llawer mwy o nodweddion a all ychwanegu gwahanol effeithiau ac addurno ein rhestrau.
casgliad
Unwaith eto, mae'n werth nodi y cynllun y fwydlen adeiladu. I aseinio'r rheolau CSS a ddefnyddir yn y gwerth yr achos wreiddio, er enghraifft, ul ul. Os ydych chi yn y ddogfen i gwrdd strwythur tebyg eraill, efallai y bydd problemau mawr. Yn y sefyllfaoedd hyn, bydd angen i chi ddefnyddio at ddiben penodol, er enghraifft, dewiswyr neu id-IDs. Mae cynllun erthygl gwymplen uchod wedi ei gynllunio i ymgyfarwyddo â'r cynllun cyffredinol. Mae gweddill y gwaith yn dibynnu ar eich ysgwyddau.
Similar articles
Trending Now