Inghearach CSS-taice: a 'dèanamh fhèin

Nithean Teòthachd nach eil airson ùine a chur seachad a 'leasachadh bho thùs sìmplidh eileamaidean a tha mar-thà. Tha iad den bheachd nach eil àite anns a 'cosg ùine agad air rudeigin a tha air a dh'fhaid a bhith ann. Gu dearbh, airson daoine a tha dìreach ag ionnsachadh HTML agus CSS, tha e cudromach gun dèan thu fhèin tòrr de rudan a bhith aig deagh thuigse den obair aca. Tha seo a 'buntainn ris a' chlàr-taice. Cruthaich inghearach CSS clàran-bìdh. Bidh e stèidhichte a-mhàin air a HTML agus CSS, gun an cleachdadh, agus Javascript JQuery. Tha gach taice na tha liosta de cheanglaichean a tha a 'leantainn gu duilleagan na làraich.

ceumannan bunaiteach

Gu sìmplidh a chruthachadh dhìreach-taice CSS agad, feumaidh tu na ceumannan a leanas:

1. An toiseach, a 'dearbhadh liosta de na ceanglaichean (a' cleachdadh còd HTML), a 'chlàr-bidh. Thoir dhaibh an ainm, mar eisimpleir, mar a leanas:

1. Home.
2. Tha ar n-eachdraidh.
3. Leabhar-iùil.
4. Seirbheisean.
5. Cuir fios thugainn.

2. An sin stoidhle ceanglaichean mar a tha thu ag iarraidh le cuideachadh CSS.

Tha sinn a 'sgrìobhadh a' HTML code, a chumail ann an my_Vmenu.html faidhle fhaicinn agus mar a bhios e a 'coimhead ann an brabhsair:

'S e seo a' bhunait (cnàimhneach) ar chlàr-taice. # 1, # 2, etc. bu chòir a chur an àite le iomradh. Faic mar a tha e a 'coimhead ann an Opera. Tha an dealbh a bhios tu a toil. A-nis feumaidh sinn a 'tòiseachadh a' toirt cunntas air na h-eileamaidean de stoidhle, a dhèanamh deiseil dìreach CSS clàran-bìdh.

Tuairisgeul stoidhlichean

Cruthaich faidhl my_Vmenu.css, a chuir thu a h-uile càil airson piseach a thoirt air coltas an leithid eileamaid chudromach den làraich. Seo a 'Chòd, a' toirt a-steach a bheir ath-bheothachadh inghearach CSS clàran-bìdh. Tha e a 'sgrìobhadh agus a' faidhle ùr, agus an uair sin bidh sinn a ghabhail nas fhaisge air a 'coimhead air brìgh na prìomh-loidhnichean a tha air a thoirt seachad.

Tuairisgeul mionaideach a chleachdadh stylesheet

A-nis beachdachadh air an fhiosrachadh againn CSS dhìreach-taice:

liosta-stoidhle-seòrsa leigeas leat a thoirt air falbh liosta de na comharran. Le bhith a 'cur "0" gus an iomall agus padding a bharrachd a thoirt air falbh padding anns an liosta. Mar a chithear bho na còd HTML, ar-taice na tha liosta, agus stoidhlichean air am mìneachadh a 'cleachdadh CSS.

ul # my_Vmenu - iomlan stoidhle fad liosta.

ul # my_Vmenu a li - stoidhle ceanglaichean eadar an taga li.

ul # my_Vmenu li a: iadhadh - tuairisgeul air an t-seòrsa fo bheachdachadh sa chlàr-taice aig àm nuair aon hovers thairis air daoine.

ul # my_Vmenu li rèis - teacs tuairisgeul (title-taice).

Cuimhnich gum faidhlean my_Vmenu.css my_Vmenu.html agus feumar a ghleidheadh san dearbh eòlaire. Ge-tà, faodaidh iad a bhith suidhichte ann an diofar phasgain, ach an uair sin tha e cudromach a chlàradh ann am faidhl my_Vmenu.html slighe gu my_Vmenu.css. Bi faiceallach, oir ùra gus an duilgheadas seo gu tric.

Style feumaidh ceangal a bhith ann eadar ceann tagaichean ann an html-faidhle. menu_1.png agus menu_2.png - tha seo air an dealbh airson na dealbh-menu ann àbhaisteach stàite agus iadhadh.

Tha e nas fheàrr a shàbhaladh ìomhaighean ann am pasgan fa leth airson dealbhan, ainmeachadh my_images, ach an uair sin CSS Ceartaich an còd. Sgrìobh far a bheil na dealbhan seo air an sealltainn, tha iad ann an seo Directory: url (my_images / menu_1.png) agus url (my_images / menu_2.png).

Anns a 'chòrr de na lotaichean air am mìneachadh ann an Còd a CSS, a' tuigsinn gu furasta. Iad a 'mìneachadh an coltas ar chlàr-taice. Tha e furasta a 'mothachadh gu bheil an leud is àirde de nithean a shònrachadh airson na h-aon nithean ann an staid àbhaisteach, agus nuair a iadhadh an luchag thairis orra. Font meud 18px, padding a 'sònrachadh an indentation à diofar taobhan na ainmean-àite. taisbeanadh a 'leigeil tu an taisbeanadh aonad a chur an leud agus padding.

Tha ar n-dhìreach-taice

Mar a chì sibh, inghearach CSS clàran-bìdhe a chruthachadh furasta. Air bunait dàta eòlais a bhios tu a bhith comasach air a dhèanamh brèagha agus tarraingeach do luchd-tadhail gu làrach-lìn agad! Cleachd do mhac-meanmna, agus an uair sin leòmach-taice gus cur ris an làrach agad.