Cho luath 'sa thòisicheas tu a' togail dhuilleagan lìn le HTML, tòisichidh tu ag obair le sizing. Gus an làrach agad a dhèanamh a 'coimhead mar a tha thu ag iarraidh a bhith a' coimhead, a tha coltach ri dealbhadh thu fhèin no neach-dealbhaidh eile air a chruthachadh, bidh thu airson meud an teacsa atharrachadh air an làrach sin, a bharrachd air eileamaidean eile air an duilleig. Gus seo a dhèanamh, is dòcha gum bi thu a 'coimhead airson tag "meud" HTML, ach gheibh thu a-mach e gu math luath.
Chan eil an tag meud HTML ann an HTML. An àite sin, gus meud nam futain, na h-ìomhaighean no an cruth agad a shuidheachadh, bu chòir dhut Cascading Style Sheets a chleachdadh. Gu dearbh, bu chòir dha atharrachadh lèirsinneach sam bith a dh'fheumas tu a dhèanamh gu teacsa an làraich no eileamaid eile a bhith air a làimhseachadh le CSS! Tha HTML airson structar a-mhàin.
Is e an tag as fhaisge gu tag meud HTML an seann tag-cruth, a bha gu dearbh a 'gabhail a-steach gnè meud. Thoir rabhadh gu bheil an taga seo air a bhith airidh air a mholadh ann an dreachan làithreach HTML agus 's dòcha nach bi browsers san àm ri teachd! Chan eil thu airson an taga cruth-clò a chleachdadh nad HTML! An àite sin, bu chòir dhut CSS ionnsachadh gus meud a dhèanamh air na h-eileamaidean HTML agad agus stoidhle an duilleag-lìn agad a rèir sin.
Meadhanan Clò
Is dòcha gur e cruthan an rud as fhasa a mheudachadh le CSS. Tha Moreso na dìreach a 'meudachadh an teacsa sin, le CSS, faodaidh tu a bhith nas mionaidiche mu chumadh-litreachaidh an làraich-lìn agad. Faodaidh tu meud a 'chruth, an dath, a' chòmhdach, an cuideam, an tè as motha, agus barrachd a mhìneachadh. Leis a 'chlò-bhualadh, chan urrainn dhut ach am meud a mhìneachadh, agus an uairsin mar àireamh co-cheangailte ri clò-chruth bunaiteach an t-sealladair a tha eadar-dhealaichte airson gach neach-cleachdaidh.
Gus do pharagraf a shuidheachadh gus meud cruth 12pt a bhith agad, cleachd an stoidhle stoidhle clò-bhualadh:
h3 {font-size = 24px; }Bhiodh an stoidhle seo a 'suidheachadh meud cruth na h-eileamaidean headiing3 24 piogsail. Dh'fhaodadh tu seo a chur ri duilleag stoidhle a-muigh agus chleachdadh H3 uile làrach an stoidhle seo.
Ma tha thu airson stoidhlichean clò-sgrìobhaidh a bharrachd a chur ris an teacsa agad, dh'fhaodadh tu an cur ris an riaghailt CSS seo:
h3 {font-size: 24px; dath: # 000; cruth-cuideam: àbhaisteach; }Cha toireadh seo a-mhàin am meud cruth airson H3s, bhiodh e cuideachd a 'suidheachadh an dath gu dubh (is e sin an còd hex de # 000 a' ciallachadh) agus chuireadh e an cuideam gu "àbhaisteach". Mar as trice, bidh brabhsairean a 'toirt seachad earrannan 1-6 mar teacsa dhorch, agus mar sin bhiodh an stoidhle seo a' dol thairis air a 'bhun-stèidh sin agus gu h-àraidh an "teacsa" gun teagamh.
Meadhanan Dealbhan
Faodaidh ìomhaighean a bhith duilich airson meudan a mhìneachadh oir faodaidh tu am brabhsair a chleachdadh gus an ìomhaigh atharrachadh. Gu dearbh, is e droch bheachd a tha ann an atharrachadh ìomhaighean leis a 'bhrabhsair seach gu bheil e ag adhbhrachadh duilleagan a bhith nas slaodaiche nas slaodaiche agus gu tric bidh obair bhochdainn aig brabhsairean air ath-mheudachadh, agus a' coimhead air na h-ìomhaighean gu math dona. An àite sin, bu chòir dhut bathar-bog grafaigeachd a chleachdadh gus ath-mheudachadh ìomhaighean agus an uairsin sgrìobh na fìor mheudan anns an duilleag lìn HTML agad.
Eu-coltach ri cruth-clò, faodaidh ìomhaighean HTML no CSS a chleachdadh gus am meud a mhìneachadh. Bidh thu a 'mìneachadh farsaingeachd an ìomhaigh agus an àirde. Nuair a chleachdas tu HTML, chan urrainn dhut ach meud an ìomhaigh a mhìneachadh ann am piogsail. Ma chleachdas tu CSS, faodaidh tu tomhas eile a chleachdadh, a 'gabhail a-steach òirleach, ceudameatairean, agus ceudadan. Tha an luach mu dheireadh, ceudadan, glè fheumail nuair a dh'fheumas na h-ìomhaighean agad a bhith fluideach, mar ann an làrach-lìn fhreagarrach.
Gus am meud dealbh agad a mhìneachadh a 'cleachdadh HTML, cleachd na feartan àrd agus leud an tag tag. Mar eisimpleir, bhiodh an dealbh seo 400x400 piogsail ceàrnagach:
àirde = "400" width = "400" alt = "image" />Gus am meud ìomhaigh agad a mhìneachadh le CSS, cleachd na togalaichean stoidhle àirde agus leud. Seo an aon ìomhaigh, a 'cleachdadh CSS gus am meud a mhìneachadh:
style = "height: 400px; width: 400px;" alt = "image" />Mòr-mheudan
Is e an leud as cumanta a tha thu a 'mìneachadh ann an cruth an leud, agus a' chiad rud a dh'fheumas tu gus co-dhùnadh a dhèanamh a bheil thu a 'cleachdadh cruth leud stèidhichte no làrach-lìn freagrach. Ann am faclan eile, a bheil thu a 'dol a mhìneachadh an leud mar àireamh cheart de piogsail, òirlich, no puingean? No a bheil thu a 'dol a shuidheachadh do leud an co-dhùnaidh gus a bhith sùbailte le bhith a' cleachdadh ems no ceudadan? Gus meud a 'chruth a mhìneachadh, bidh tu a' cleachdadh feartan CSS leud agus àirde dìreach mar a bhiodh tu ann an ìomhaigh.
Leagh òrdaichte:
stoidhle = "leud: 600px;">Leachd liùbhlach:
stoidhle = "leud: 80%;">Nuair a tha thu a 'co-dhùnadh air an leud airson do dhealbhaidh, bu chòir dhut cuimhneachadh air na leudan eadar-dhealaichte de bhrabhsair a dh'fhaodadh na leughadairean agad a chleachdadh agus na h-innealan eadar-dhealaichte a bhios iad a' cleachdadh cuideachd. Is e seo as coireach gu bheil làraichean-lìn fhreagarrach , a dh'fhaodas an cruth agus an sizing atharrachadh air innealan eadar-dhealaichte agus meudan sgrion, an ìre cleachdaidh as fheàrr an-diugh.