2022.2

TomaketheCSSruleapplytoasetofparagraphswiththesameclass,firstgivetheparagraphsthe
sameclass(forexamplerounded).ThenaddthatclasstotheselectoroftheCSSrule,forexample
p.rounded { border-radius: 5px; }.
Colors
Colorsmakeanimportantcontributiontothelookandfeelofyourtemplates.Thistopicexplainshowto
defineandapplycolorsandhowtokeepthemconsistentindifferentoutputchannels.
Definingcolors,spotcolorsandtints
Colorselectors,suchasthedrop-downlistonthetoolbar,initiallycontainasmallsetofcolors.Add
yourowncolorssothattheycanbeusedthroughoutthetemplates,inallcontextsandincolorselector
dialogsaswellaswiththeirnamesinstylerules(see"Stylingandformatting"onpage260).
Defining colors
Todefinecolors:
1. SelectEdit > Colorsonthemenu.
2. Addacolor.Therearetwowaystodothis:
l
ClicktheNewbutton(thegreenplus).
l
SelectanexistingcolorfromthelistandcopyitusingtheDuplicatebutton .(TheFil-
terdrop-downlimitsthelisttocolorsofacertaintype.)Selectthenewcolorandclickthe
Editbutton .
3. IntheEditcolordialog,typeanameforthecolor(orlettheDesignercreateanamebasedonthe
valuesthatyouselect).Thecolor’snamecanbeusedinstylesheets.Itshouldnotcontain
spacesorspecialcharacters.
Tip: Workingwithstylesheets?Chooseanamethatreflectsthepurposeofthecolor,
ratherthananamethatdescribesthecolor.Thiswayyouwon'thavetochangethecolor's
nameinthestylesheetswhenyouchangethecolor.
4. ClickColor.(Tintisusedfortransparentcolors.)
5. Selectthecolortype:CMYKorRGB.
ThelettersCMYKstandforCyan(agreenish-bluecolor),Magenta(reddish-purple),Yellowand
Key(black).Incolorprinting,thesearetheusualprimarycolors.
Page 288