Ríomhairí, Bogearraí
Conas iarratas a dhéanamh ar roghchláir anuas CSS
Sa lá atá inniu beidh muid ag smaoineamh ar an cheist "Conas is féidir liom a chruthú roghchláir anuas CSS?". Ba chóir a rá ag an am céanna go mbeidh an mhír seo a dhéanamh gan nascadh aon chistí breise. Is é sin, beidh an roghchlár a chruthú ach amháin le CSS agus HTML.
oiliúint
A thuiscint go hiomlán a bhfuil ann san airteagal, is gá duit beagán chun eolas a fháil ábhar teoiriciúil. Ach má tá tú eolach ar pseudo-ranganna, is féidir leat skip mhír seo. Mar sin, a chruthú anuas ingearach CSS biachláir, ní mór dúinn gné mar «: ainlíonn». An pseudo: Is féidir le «hover» a shannadh d'aon chlib HTML. Ceadaíonn sé duit a shainmhíniú ar an láthair nuair a mír Hover do luch. Mar shampla, ní mór dúinn a ceapadh maoin: «a: hover {Dath: dearg;}». Ciallaíonn sé an iontráil sin nuair a hover tú an luch casadh sé dearg ar ábhair aon chlib . Is fiú a nótáil go bhfuil an pseudo-eilimint díghníomhaithe freisin. Dála an scéil,: Tá «hover» eilimintí den chineál céanna a bhaineann leo. Ach as seo cruthófar pseudo CSS anuas roghchlár.
teagasc
Gcéad dul síos, a ligean ar thuiscint cad is roghchlár anuas. De réir an tsainmhínithe Faigheann a lán de na modhanna éagsúla a thógáil leagan amach éagsúla. Sa chás seo, beimid analyze struchtúr atá comhdhéanta d'ítimí i gcónaí le feiceáil arís eile agus go leithleach sa bhreis (i bhfolach). A ligean ar chríochnú leis an teoiric agus tús a chleachtadh.
- A chruthú dúinn an leagan amach ár n-roghchlár. Chun seo a dhéanamh, lipéadú HTML-cód. Cruthaigh liosta neadaithe:
-
- < / ul>. Ba chóir rud éigin mar seo breathnú cosúil le do roghchlár anuas. CSS chun idirghabháil a dhéanamh ina dhiaidh sin. Sa chás seo gurb é atá sa liosta is mó de thrí phríomhréimse agus dhá iamh.
- Folaigh an fo-roghchlár. Chun seo a úsáidimid stílbhileog, a shainiú na hairíonna seo a leanas: ul ul {thaispeáint: none;} Bainfidh sé seo an gnéithe den dara liosta ar an scáileán.
- Cruthaigh CSS roghchlár, anuas ón liosta is mó. Na stílbhileoga cascáideacha scríobh an riail seo a leanas: li ul: hover ul {thaispeáint: bloc;}. Ciallaíonn sé seo iontráil sin nuair a bhíonn an luch thar an li eilimint, atá lonnaithe i liosta ul chuma ar an ul scáileán (faoi iamh). Ar an gcéad amharc, d'fhéadfadh a leithéid de scéim cosúil go casta agus mearbhall. Ach i ndáiríre, tá gach rud an-simplí.
- Bain úsáid as an leagan amach duit féin a dhéanamh, cuir na clibeanna
- do ábhar. Is féidir leat athrú ar líon na n-eilimintí liosta.
athruithe maisiúil
Chomh luath agus go bhfuil an leagan amach príomh-roghchlár réidh, is féidir leat dul ar aghaidh le clárú. Is dócha, go leor ar an gcéad dul toilteannach fáil réidh leis na marcóirí a léiríonn an mír liosta. Déantar é seo ag baint úsáide as CSS maoin amháin, is é sin ar an liosta-stíl-cineál. Ní mór duit a chur leis an iontráil seo a leanas: li {liosta-stíl-cineál: none;}. Ansin, is féidir leat a chur isteach ar an fráma agus a chur ar an cúlra. An teorainn agus cúlra cabhrú leat le seo. B'fhéidir nach mbeidh cuid mhaith go mbeidh an roghchlár tarraingt-síos le feiceáil mar liosta breise, ag brú ar na heilimintí bunúsacha céanna. Chun seo a shocrú, is féidir leat a seasamh é. Chun seo a dhéanamh, stílbhileoga cascáideacha scríobh an iontráil seo a leanas: ul ul {post: iomlán; chlé: 15px; ceart: 15px; top: 15px; bun: 15px;}. Ar ndóigh, na luachanna a bheidh tú ag úsáid do chuid féin. Ag brath ar an áit is mian leat a fheiceáil ar na roghchláir anuas, beidh CSS thairiscint go leor gnéithe níos mó is féidir a chur éifeachtaí éagsúla agus ár liostaí mhaisiú.
Mar fhocal scoir
Arís eile is fiú a lua ar an tógáil an leagan amach roghchlár. Chun shannadh na rialacha CSS a úsáidtear sa luach cás leabaithe, mar shampla, ul ul. Má tá tú sa doiciméad chun bualadh déanmhas eile dá samhail, d'fhéadfadh go mbeadh fadhbanna móra. Sna cásanna seo, ní mór duit a bhaint as ar chúis ar leith, mar shampla, roghnóirí nó id-IDs. Is é an leagan amach article anuas roghchlár thuas é atá deartha chun eolas a chur ar an dearadh ginearálta. Luíonn an chuid eile den obair ar do shoulders.
Similar articles
Trending Now