Dèan Cinnidhean Fancy le CSS

Cleachd Fonts, Borders, agus Ìomhaighean gus Headlines a sgeadachadh

Tha na cinn-naidheachd cumanta air a 'chuid as motha de dhuilleagan lìn. Gu dearbh, tha e gu math buailteach gum bi co-dhiù aon cheann-sgrìobhaidh aig teacsa sam bith gus am bi fios agad dè an tiotal a tha thu a 'leughadh. Tha na cinn-cinn sin air an còdadh le bhith a 'cleachdadh na h-eileamaidean ceann-cinnidh HTML - h1, h2, h3, h4, h5, agus h6.

Air cuid de làraichean, 's dòcha gu bheil na cinn-linntean air an còdadh gun a bhith a' cleachdadh nan eileamaidean sin. An àite sin, faodaidh cinn-loidhne paragrafan a chleachdadh le feartan clas sònraichte a chaidh a chur riutha, no roinnean le eileamaidean clas. Is e an t-adhbhar a chuala mi gu tric mun chleachdadh mì-cheart seo nach eil an dealbhaiche "a 'còrdadh ris mar a tha cinnidhean a' coimhead". Mar as trice, tha cinnidhean air an taisbeanadh ann an clò trom agus tha iad nas motha ann an meud, gu h-àraid na h-eileamaidean h1 agus h2 a tha a 'nochdadh ann an clò mòr nas motha na an còrr de theacs duilleag. Cumaibh cuimhne nach e seo ach sealladh bunaiteach nan eileamaidean sin! Le CSS, faodaidh tu coimhead air ceann-cinnidh ge-tà, ach tha thu ag iarraidh! Faodaidh tu meud a 'chlò-bhualadh atharrachadh, cuir air falbh an trom, agus mòran a bharrachd. Is e cinn-uidhe an dòigh cheart air cinn-litrichean duilleag a chòdadh. Seo cuid de na h-adhbharan airson.

Carson a chleachdas e an tiotal Tags an àite DIVs agus Styling

Innealan Rannsachaidh Mar a bhith a 'sgrìobhadh Tags


Is e seo an t-adhbhar as fheàrr airson cinn a chleachdadh, agus an cleachdadh san òrdugh cheart (me. H1, an uairsin h2, an uairsin h3, msaa). Bidh einnseanan rannsachaidh a 'toirt cuideam as àirde do theacsa a tha air a ghabhail a-steach taobh a-staigh cinn tagaichean a chionn' s gu bheil luach semantic ann airson an teacsa sin. Ann am faclan eile, le bhith a 'foillseachadh d' ainm an duilleag H1, innis dhut don spider einnsean-luirg gur e sin fòcas # 1 na duilleige. Tha cinnidhean H2 aig cuideam # 2, agus mar sin air adhart.

Chan eil agad ri cuimhneachadh dè na clasaichean a chleachd thu gus na cinn-naidheachd agad a mhìneachadh

Nuair a tha fios agad gum bi H1 aig a h-uile duilleag lìn agad, a tha trom, 2em, agus buidhe, faodaidh tu sin a mhìneachadh aon uair anns an stoidhle stoidhle agad agus a dhèanamh. 6 mìosan nas fhaide air adhart, nuair a bhios tu a 'cur duilleag eile, tha thu dìreach a' cur tag H1 gu mullach na duilleige agad, chan fheum thu a dhol air ais gu duilleagan eile gus faighinn a-mach dè an stoidhle no an clas a chleachd thu a 'mìneachadh a' phrìomh ceannas agus fo-cheann.

Bidh iad a 'toirt seachad dealbh làidir de dhuilleag

Tha toraidhean a 'dèanamh teacsa nas fhasa a leughadh. Sin as coireach gun do chuidich a 'chuid as motha de sgoiltean na h-oileanaich oileanaich airson cunntas a sgrìobhadh mus sgrìobh iad am pàipear. Nuair a chleachdas tu tagaichean ceann ann an cruth geàrr-chunntais, tha structar soilleir aig do theacsa a nochdas gu math luath. A thuilleadh air an sin, tha innealan ann a dh'fhaodas ath-sgrùdadh a dhèanamh air cunntas na duilleige gus geàrr-iomradh a thoirt seachad, agus tha iad sin an urra ri tagaichean cinn airson an structair geàrr-chunntais.

Bidh an duilleag agad a 'dèanamh fiù' s leis na stoidhlichean air an tionndadh

Chan urrainn don a h-uile duine bileagan stoidhle fhaicinn no a chleachdadh (agus tha seo a 'tighinn air ais gu # 1 - coimhead einnseanan sùil air susbaint (teacsa) na duilleige agad, chan e na duilleagan stoidhle). Ma chleachdas tu tagaichean ceann, tha thu a 'dèanamh do dhuilleagan nas ruigsinneach oir tha na cinn-naidheachd a' toirt seachad fiosrachadh nach biodh tag DIV.

Tha e na chuideachadh do Luchd-leughaidh Sgrion agus Ruigsinneachd Làrach-lìn

Tha cleachdadh iomchaidh de chinn a 'cruthachadh structar reusanta gu sgrìobhainn. Seo na bhios leughadairean sgrion a 'cleachdadh gus làrach "a leughadh" gu neach-cleachdaidh le droch lèirsinn, a' dèanamh do làrach ruigsinneach do dhaoine le ciorraman.

Stoidhle Teacsa is Clò-bhualadh na Cinn-naidheachd agad

Is e an duilgheadas as fhasa a bhith a 'gluasad air falbh bho dhuilgheadas "mòr, trom agus grànda" tagaichean ceann a bhith a' stoidhleachadh an teacsa mar a tha thu airson gun coimhead iad. Gu dearbh, nuair a tha mi ag obair air làrach-lìn ùr, mar as trice bidh mi a 'sgrìobhadh na paragraf, h1, h2, agus h3 stoidhle an toiseach. Mar as trice bidh mi a 'cumail le dìreach teaghlach an fhuaim agus meud / cuideam. Mar eisimpleir, is dòcha gur e seo duilleag stoidhle tòiseachaidh airson làrach ùr (is iad seo dìreach cuid de stoidhlichean eisimpleir a dh'fhaodar a chleachdadh):

corp, html {marg: 0; gleabadh: 0; } p {font: 1em Arial, Geneva, Helvetica, sans-serif; } h1 {font: 2em trom "Times New Roman", Times, serif; } h2 {font: bold 1.5em "Times New Roman", Times, serif; } h3 {font: bold 1.2em Arial, Geneva, Helvetica, sans-serif; }

Faodaidh tu cruth-clò na ceann-cinn agad atharrachadh no atharrachadh an stoidhle teacsa no eadhon dath an teacsa . Tionndaidh a h-uile gin dhiubh sin an ceann "grànda" agad mar rudeigin nas beòthaile agus a rèir an dealbhachaidh agad.

h1 {font: italian bold 2em / 1em "Times New Roman", "MS Serif", "New York", serif; iomall: 0; gleabadh: 0; dath: # e7ce00; }

Faodaidh na Crìochan cinn-cinnidh a dhèanamh

Tha na Crìochan na dhòigh math air na cinn-naidheachd agad a leasachadh. Agus tha crìochan furasta a chuir ris. Ach na dìochuimhnich a bhith a 'feuchainn ris na crìochan - chan fheum thu crìoch air gach taobh den cheann-uidhe agad. Agus faodaidh tu barrachd a chleachdadh na dìreach crìochan tarraingeach.

h1 {font: italian bold 2em / 1em "Times New Roman", "MS Serif", "New York", serif; iomall: 0; gleabadh: 0; dath: # e7ce00; mullach crìche: cruaidh # e7ce00 meadhan; aig a 'chrìch: dotted # e7ce00 tana; leud: 600px; }

Chuir mi crìch gu h-àrd agus gu mullach an tsampla gus cuid de stoidhlichean inntinneach inntinneach a thoirt a-steach. Dh'fhaodadh tu crìochan a chur ann an dòigh sam bith a bha thu airson an stoidhle dealbhaidh a tha thu ag iarraidh a choileanadh.

Cuir ìomhaighean cùil ris na cinn-naidheachd agad airson Pizazz a bharrachd

Tha earrann cinn aig iomadh làrach-lìn aig mullach na duilleig a tha a 'toirt a-steach ceann-cinnidh - mar as trice tiotal an làraich agus grafaic. Bidh a 'mhòr-chuid de luchd-dealbhaidh a' smaoineachadh air seo mar dà eileamaid fa leth, ach chan fheum thu sin. Ma tha an grafach ann dìreach airson an ceann a sgeadachadh, carson nach cuir thu ris na stoidhlichean cinnidh?

h1 {font: italic bold 3em / 1em "Times New Roman", "MS Serif", "New York", serif; cùl-sgeul: #fff url ("fancyheadline.jpg") ath-aithris x bonn; gleadachadh: 0.5em 0 90px 0; teacs-align: ionad; iomall: 0; aig a 'chrìch: cruaidh # e7ce00 0.25em; dath: # e7ce00; }

Is e an cleas don cheann-uidhe seo gu bheil fios agam gu bheil mo dhealbh 90 piogallan a dh 'àirde. Mar sin chuir mi plocadh gu bonn ceann 90px (gleadachadh: 0.5 0 90px 0p;). Faodaidh tu cluich leis na h-iomaill, àirde-loidhne, agus plaadachadh gus teacsa a 'chinn a lorg gus sealltainn far a bheil thu ag iarraidh.

Aon rud ri chuimhneachadh nuair a tha thu a 'cleachdadh dhealbhan ma tha làrach-lìn fhreagarrach agad (bu chòir dhut) le cruth a bhios ag atharrachadh a rèir meudan agus innealan sgrion, cha bhi ceann-uidhe an-còmhnaidh mar an aon mheud. Ma dh 'fheumas tu an ceann-loidhne agad a bhith gu ìre mhòr, faodaidh seo duilgheadasan adhbhrachadh. Is e seo aon de na h-adhbharan airson mar as àbhaist dhomh a bhith a 'seachnadh ìomhaighean cùl-raon ann an ceann, cho fionnar' s as urrainn dhaibh uaireannan a bhith a 'coimhead.

Ìomhaigh air a thoirt a-steach ann an cinn-cinnidh

Tha seo na dhòigh eile air luchd-dealbhaidh lìn oir tha e a 'toirt cothrom dhut ceannas grafaiceach a chruthachadh agus teacsa an taga cinn leis an ìomhaigh sin a chur an àite. Tha seo gu fìor inntinneach gu robh cleachdadh àrsaidh bho dhealbhadairean lìn a 'faighinn cothrom air glè bheag de fhrith-fhuaimichean agus bha e airson barrachd fhuaimichean eachdraidheil a chleachdadh san obair aca. Tha àrdachadh clò-bhualadh lìn air atharrachadh gu mòr mar a tha dealbhadairean a 'dèiligeadh ri làraichean. Faodar cinn-naidheachd a-nis a shuidheachadh ann an iomadh seòrsa cruth-clò agus ìomhaighean leis nach eil feum air na clò-bhualaidhean sin a chaidh a stèidheachadh a-nis. Mar sin, cha lorgar tu dìreach ìomhaighean ìomhaighean CSS airson cinn-latha air làraich nas sine nach eil air an ùrachadh gu cleachdaidhean nas ùire.

Artaigil tùsail le Jennifer Krynin. Air a dheasachadh le Jeremy Girard air 9/6/17