Dealbhaidhean gun chlàran Fosgail Crìochan dealbhaidh ùra
Tha iomadh adhbhar ann gun a bhith a 'cleachdadh chlàran airson an cruth . Is e aon de na h-adhbharan as trice a tha daoine a 'toirt airson a bhith gan cleachdadh seach gu bheil e doirbh cruth a dhèanamh le CSS. Ged a tha clàr-sgrìobhaidh CSS a 'gabhail a-steach lùb ionnsachaidh, nuair a thuigeas tu mar a nì thu cruth CSS, dh'fhaodadh gum bi iongnadh ort dè cho furasta' s as urrainn dha a dhèanamh. Agus nuair a bhios tu ag ionnsachadh, cuiridh thu aghaidh ris an dàrna adhbhar as cumanta a bheir daoine airson CSS a chleachdadh - "Tha e nas luaithe gus clàran a sgrìobhadh." Tha e nas luaithe a chionn 's gu bheil fios agad air clàran, ach nuair a dh'ionnsaich tu CSS, is dòcha gum bi thu cho luath le sin.
Taic Browsair airson Suidheachadh CSS
Tha suidheachadh CSS a 'faighinn deagh thaic anns gach brabhsaidh ùr-nodha . Mura h-eil thu a 'togail làrach airson Netscape 4 no Internet Explorer 4, cha bu chòir do luchd-leughaidh duilgheadas sam bith a bhith a' coimhead air na duilleagan lìn agad aig CSS.
A 'cur an cèill mar a thogas tu duilleag
Nuair a thogas tu làrach le clàran, feumaidh tu smaoineachadh ann an cruth tabular . Ann am faclan eile, tha thu a 'smaoineachadh a thaobh ceallan agus sreathan agus colbhan. Bidh na duilleagan lìn agad a 'nochdadh an dòigh-obrach seo. Nuair a ghluaiseas tu gu dealbhadh suidheachadh CSS, tòisichidh tu a 'smaoineachadh air na duilleagan agad a thaobh an t-susbaint, oir faodar an susbaint a chur ann an àite sam bith a tha thu ag iarraidh anns a' chruthan-eadhon air a thional air mullach susbaint eile.
Tha diofar structaran aig diofar làraich-lìn. Gus duilleag èifeachdach a thogail, dèan measadh air structar duilleag sam bith mus dèan thu susbaint air a shon. Is dòcha gum bi còig earrannan sònraichte ann an eisimpleir de dhuilleag:
- Ceannard . Dachaigh chun an t-sanas bratach, ainm na làraich, ceanglaichean seòlaidh, tiotal artaigil agus a bharrachd air rudeigin eile.
- Colbh deas . Is e seo an taobh deas den duilleag leis a 'bhogsa rannsachaidh, sanasan, bogsaichean bhidio agus àiteachan bùithtean.
- Susbaint . Teacsa artaigil, post bhlog no cairt-reic-feòil-buntàta na duilleige.
- Sanasan Inline . Tha na sanasan-reic in-loidhne taobh a-staigh na susbaint.
- Cùmhnantan-cleachdaidh Fiosrachadh mu dheidhinn seòladh, fiosrachadh ùghdar, fiosrachadh mu dhlighe-sgrìobhaidh, brathan nas ìsle, agus ceanglaichean co-cheangailte.
An àite a bhith a 'cur nan còig eileamaidean sin ann an clàr, cleachd na h-eileamaidean earranning HTML5 gus na diofar earrannan den t-susbaint a mhìneachadh, agus an uairsin cleachdadh CSS gus na h-eileamaidean susbaint a chur air an duilleag.
A 'comharrachadh Earrannan do Susbaint
An dèidh dhut na raointean susbaint eadar-dhealaichte den làraich agad a mhìneachadh, feumaidh tu iad a sgrìobhadh a-steach don HTML agad. Ged as urrainn dhut, san fharsaingeachd, na h-earrannan agad a chur ann an òrdugh sam bith, is e deagh bheachd a tha ann na pàirtean as cudromaiche den duilleag agad a chur an cèill an toiseach. Cuidichidh an dòigh-obrach seo le bhith a 'leasachadh innealan rannsachaidh cuideachd.
Gus suidheachadh a shealltainn, thoir sùil air duilleag le trì colbhan ach chan eil ceann no bonn-coise agad. Faodaidh tu suidheachadh a chleachdadh gus seòrsa sam bith de dhealbhadh a tha thu ag iarraidh a chruthachadh.
Airson cruth trì-colbh, sònraich trì earrannan: colbh clì, colbh deas, agus susbaint.
Thèid na h-earrannan sin a chuir air dòigh le bhith a 'cleachdadh eileamaid ARTICLE airson an susbaint agus dà eileamaid ROINN airson an dà cholbh. Bidh a h-uile rud aig a h-uile rud a tha ga aithneachadh. Nuair a chleachdas tu an t-iomradh id, feumaidh tu ainm sònraichte a thoirt seachad airson gach id.
A 'suidheachadh na susbaint
A 'cleachdadh CSS, mìnich an suidheachadh airson na h-eileamaidean ID agad agad. Stèidhich thu an t-suidheachadh agad ann an stoidhle mar seo:
tha thu a '
}
Gabhaidh susbaint taobh a-staigh nan eileamaidean seo uiread de rùm 'sa ghabhas, is e sin 100 sa cheud de leud an àite làithreach no an duilleag. Gus buaidh a thoirt air suidheachadh earrann gun a bhith ga thoirt gu leud shuidhichte, atharraich an lìonadh no na feartan iomallach.
Airson an cruth seo, cuir an dà cholbh gu leud suidhichte agus an uairsin cuir an suidheachadh gu tur, gus nach bi buaidh orra far an lorgar iad anns an HTML.
# colbh gu clì {
suidheachadh: iomlan;
clì: 0;
leud: 150px;
marg-clì: 10px;
top-edge: 20px;
dath: # 000000;
gleabadh: 3px;
}
# deas-colbh {
suidheachadh: iomlan;
clì: 80%;
mullach: 20px;
leud: 140px;
gleabadh-clì: 10px;
z-clàr-innse: 3;
dath: # 000000;
gleabadh: 3px;
}
An uairsin airson na h-ìre susbaint, cuir na h-oirean air an làimh dheis agus air an làimh chlì gus nach biodh an susbaint a 'dol thairis air an dà cholbhan a-muigh.
tha thu a '
top: 0px;
iomall: 0px 25% 0 165px;
gleabadh: 3px;
dath: # 000000;
}
Le bhith a 'mìneachadh do dhuilleag le CSS an àite clàr HTML, feumar beagan sgilean teicnigeach, ach tha an t-airgead-pàighidh a' leantainn bho dhealbhadh nas sùbailte agus nas fhreagarraiche agus nas fhasa a bhith a 'dèanamh atharrachaidhean structarail air do dhuilleag nas fhaide air adhart.