Hvernig á að skilgreina stíla með merkjavalinu í Dreamweaver

Þú getur búið til alveg nýja stíla í Dreamweaver með því að nota hringi- eða auðkennisvalana, en þú getur líka búið til stíla sem breyta sniði núverandi HTML-merkja. Þessir stílar eru búnir til með því að nota merkjavalið, sem er einnig þekkt sem þáttavalið . Þegar þú skilgreinir stíl með því að nota merkjavalið geturðu breytt útliti, staðsetningu og öðrum eiginleikum hvers kyns HTML tags sem fyrir er.

Mörg HTML merki innihalda nú þegar sniðmöguleika. Til dæmis innihalda fyrirsagnarmerkin snið til að stíla texta með stóru feitletruðu letri. Þegar þú býrð til stíl með merkjavali þarftu að íhuga sniðvalkostina sem þegar eru tengdir því merki. Allir valkostir sem þú skilgreinir verður annað hvort bætt við núverandi snið eða hnekkja sniðinu.

Þú gætir spurt: „Af hverju ætti ég að endurskilgreina

tag í stað þess að búa bara til nýjan fyrirsagnarstíl með því að nota bekkjar- eða auðkennisvalið?“ Þó að þú getir skilgreint nýjan flokkastíl í stað þess að endurskilgreina HTML merki, þá er stundum betra að nota núverandi HTML merki.

Fyrirsagnarstíll er sérstaklega mikilvægur á vefnum vegna þess að texti er sniðinn í

Merkið er vel þekkt sem mikilvægasti textinn á síðunni. Meðal annars texti sniðinn í an

tag gæti fengið sérstaka umfjöllun frá leitarvélum.

Til að búa til stíl sem endurskilgreinir HTML merki (eins og

tag) með merkjavalinu, búðu fyrst til skrá eða opnaðu þá sem fyrir er og fylgdu síðan þessum skrefum:

1Í Selectors spjaldinu á CSS Designer spjaldinu, veldu stílblaðið sem þú vilt bæta nýja stílnum við.

Þegar þú býrð til stíl fyrir núverandi HTML tag þarftu ekki að nota stílinn sjálfan eins og þú gerir með stíla og auðkennisstíla. Hvar sem þú hefur notað HTML-merkið er stílskilgreiningarstillingunum beitt.

2Ef þú vilt miða stílinn á ákveðna miðlunargerð eða skjástærð skaltu velja eða skilgreina miðlunarfyrirspurn á @Media spjaldið.

Notkun fjölmiðlafyrirspurna með stílum er valfrjálst. Ef þú tilgreinir ekki miðlunarfyrirspurn mun Dreamweaver nota Global eignina og stíllinn þinn mun virka á öllum miðlunarsniðum og skjástærðum.


Hvernig á að skilgreina stíla með merkjavalinu í Dreamweaver

3Smelltu á plúsmerkið (+) á valmyndinni.

Nýjum veljara er bætt við valmyndaborðið.

Þegar þú smellir á plúsmerkið (+) til að búa til nýjan valmynd geta nokkrir hlutir gerst, allt eftir því hvað er þegar á síðunni sem er opin í Dreamweaver. Í fyrsta skipti sem þú býrð til stíl á auðri vefsíðu fer Dreamweaver inn meginmál á valmyndasvæðið.

Ef þú ert að vinna á síðu með texta eða öðru efni sem er sniðið með HTML merkjum eða stílum, gæti Dreamweaver bætt við samsettum vali sem byggir á þáttunum í kringum það sem þú hefur valið með bendilinum.


Hvernig á að skilgreina stíla með merkjavalinu í Dreamweaver

4Í valmyndinni skaltu tvísmella á nafn valsins. Byrjaðu á að slá inn nafn HTML-merksins og veldu síðan merkið af fellilistanum sem birtist.

Þú getur slegið inn nafn hvers HTML tags til að búa til stíl með því að nota merkjavalið. Þegar þú slærð inn HTML-merki birtist fellilisti með merkjum sem byrja á sama staf og þú skrifaðir. Að velja viðeigandi merki af listanum frekar en að slá inn allt merki nafnið sjálfur er góð venja vegna þess að þú forðast innsláttarvillur.


Hvernig á að skilgreina stíla með merkjavalinu í Dreamweaver

5Í Eiginleika spjaldinu, tilgreindu stillingarnar sem þú vilt hafa í stílreglunni þinni.

Leturgerðin og liturinn er strax settur á textann á síðunni sem er sniðin með

merki.

Ef þú vilt geta notað sama HTML tag með mismunandi sniði á mismunandi hlutum sömu síðu geturðu búið til samsetta stíla. Samsettar stílar eru hentugar, til dæmis ef þú vilt sniðinn texta með

merkið til að líta öðruvísi út í aðalhluta síðunnar þinnar en það gerir í hliðarstiku.


Hvernig á að beita gagnsæi á SVG

Hvernig á að beita gagnsæi á SVG

Lærðu hvernig á að beita gagnsæi á SVG grafík í Illustrator. Kannaðu hvernig á að gefa út SVG með gagnsæjum bakgrunni og beita gagnsæisáhrifum.

Vinna með myndir í Adobe XD

Vinna með myndir í Adobe XD

Eftir að þú hefur flutt myndirnar þínar inn í Adobe XD hefurðu ekki mikla stjórn á klippingum, en þú getur breytt stærð og snúið myndum alveg eins og þú myndir gera í öðrum formum. Þú getur líka auðveldlega snúið hornin á innfluttri mynd með því að nota horngræjurnar. Maskaðu myndirnar þínar með því að skilgreina lokað form […]

Hvernig á að stilla textaeiginleika í Adobe XD

Hvernig á að stilla textaeiginleika í Adobe XD

Þegar þú ert með texta í Adobe XD verkefninu þínu geturðu byrjað að breyta textaeiginleikum. Þessir eiginleikar fela í sér leturfjölskyldu, leturstærð, leturþyngd, jöfnun, stafabil (kering og rakning), línubil (frama), Fylling, Border (strok), Skuggi (fallskuggi) og Bakgrunnsþoka. Svo skulum endurskoða hvernig þessar eignir eru notaðar. Um læsileika og leturgerð […]

Vinna með teikniborð í Photoshop CC

Vinna með teikniborð í Photoshop CC

Rétt eins og í Adobe Illustrator, bjóða Photoshop teikniborð möguleika á að byggja upp aðskildar síður eða skjái í einu skjali. Þetta getur verið sérstaklega gagnlegt ef þú ert að smíða skjái fyrir farsímaforrit eða lítinn bækling. Þú getur hugsað um listaborð sem sérstaka tegund af lagahópi sem búin er til með því að nota Layers spjaldið. Það er […]

Form og marghyrningar í InDesign

Form og marghyrningar í InDesign

Mörg verkfæranna sem þú finnur á InDesign Tools spjaldinu eru notuð til að teikna línur og form á síðu, svo þú hefur nokkrar mismunandi leiðir til að búa til áhugaverðar teikningar fyrir ritin þín. Þú getur búið til allt frá grunnformum til flókinna teikninga inni í InDesign, í stað þess að þurfa að nota teikniforrit eins og […]

Vefja texta í Adobe Illustrator CC

Vefja texta í Adobe Illustrator CC

Að pakka inn texta í Adobe Illustrator CC er ekki alveg það sama og að pakka inn gjöf – það er auðveldara! Textabrot þvingar texta til að vefja utan um grafík, eins og sýnt er á þessari mynd. Þessi eiginleiki getur bætt smá sköpunargáfu við hvaða verk sem er. Myndin neyðir textann til að vefja utan um hann. Fyrst skaltu búa til […]

Hvernig á að breyta stærð forms í Illustrator

Hvernig á að breyta stærð forms í Illustrator

Þegar þú hannar í Adobe Illustrator CC þarftu oft að lögun sé í nákvæmri stærð (til dæmis 2 x 3 tommur). Eftir að þú hefur búið til form er besta leiðin til að breyta stærð þess í nákvæmar mælingar að nota Transform spjaldið, sýnt á þessari mynd. Láttu hlutinn velja og veldu síðan Gluggi→ Umbreyta í […]

Hvernig á að búa til QR kóða í InDesign CC

Hvernig á að búa til QR kóða í InDesign CC

Þú getur notað InDesign til að búa til og breyta grafík QR kóða. QR kóðar eru strikamerki sem geta geymt upplýsingar eins og orð, tölur, vefslóðir eða annars konar gögn. Notandinn skannar QR kóðann með myndavélinni sinni og hugbúnaði á tæki, svo sem snjallsíma, og hugbúnaðurinn notar […]

Hvernig á að láta nýja mynd líta gömul út í Photoshop CS6

Hvernig á að láta nýja mynd líta gömul út í Photoshop CS6

Það gæti verið tími þegar þú þarft nýja mynd til að líta gömul út. Photoshop CS6 hefur þú fjallað. Svart-hvít ljósmyndun er nýrra fyrirbæri en þú gætir haldið. Daguerreotypes og aðrar fyrstu ljósmyndir höfðu oft brúnleitan eða bláleitan blæ. Þú getur búið til sepia-tóna meistaraverk á eigin spýtur. Tónaðar myndir geta búið til […]

Live Paint eiginleiki í Adobe CS5 Illustrator

Live Paint eiginleiki í Adobe CS5 Illustrator

Með því að nota Live Paint eiginleikann í Adobe Creative Suite 5 (Adobe CS5) Illustrator geturðu búið til myndina sem þú vilt og fyllt út svæði með lit. Live Paint fötuna greinir sjálfkrafa svæði sem samanstanda af sjálfstæðum skurðstígum og fyllir þau í samræmi við það. Málningin innan tiltekins svæðis helst lifandi og flæðir sjálfkrafa ef einhver […]