Adobe 65030089 User Manual - Page 165

Styles and style sheets, Style types, Media rules and attributes in styles

Page 165 highlights

159 Chapter 6: Styles and style sheets Style types You can manage style sheets at the project level and apply styles at the topic level. Master pages provide the layout of a topic and help control the styling. These types of styles are available: Inline styles A block of text and its formatting within an HTML file (topic) formatted directly in Design Editor. If you link the file to a style sheet, inline styles override styles in the style sheet and embedded styles. See "Inline styles" on page 171. Embedded styles Style definitions saved in an HTML file (topic). If you link the file to a style sheet, embedded styles override the styles in the style sheet. You can create a character style or a paragraph style. Styles in cascading style sheets (CSS) Style definitions stored in a CSS file. You can create a character style, a paragraph style, a list style, a multilevel list style, and a table style. After you convert a WinHelp project to an HTML-based project, styles are available as follows: Project created from an HPJ file You can create styles that use the same formatting as styles in Word templates. These styles are saved in style sheets that are attached to the HTML topics. If you do not want style sheets, translate the Word formatting into inline styles in the HTML topics. Project created from an HLP file Preformatted style sheets are available to apply to HTML topics. Topics are formatted to use the default HTML styles. More Help topics "Master pages" on page 117 Media rules and attributes in styles Media rules and attributes help you control the appearance of your project output on different media, such as traditional desktop screens, printers, or popular devices such as iPad or iPhone. In RoboHelp, you can modify style definitions to add media rules and attributes. Define media-specific styles in a style sheet In the Project Manager pod, right-click the style sheet and click Edit. 1 In the Styles dialog box, select a style to modify for a specific media. 2 Select the media type from the Media list. None Used to define generic styles Print Used for printers Each screen in the project 3 Modify the style as required. For example, select a smaller font size. 4 Click OK. Last updated 7/13/2012

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151
  • 152
  • 153
  • 154
  • 155
  • 156
  • 157
  • 158
  • 159
  • 160
  • 161
  • 162
  • 163
  • 164
  • 165
  • 166
  • 167
  • 168
  • 169
  • 170
  • 171
  • 172
  • 173
  • 174
  • 175
  • 176
  • 177
  • 178
  • 179
  • 180
  • 181
  • 182
  • 183
  • 184
  • 185
  • 186
  • 187
  • 188
  • 189
  • 190
  • 191
  • 192
  • 193
  • 194
  • 195
  • 196
  • 197
  • 198
  • 199
  • 200
  • 201
  • 202
  • 203
  • 204
  • 205
  • 206
  • 207
  • 208
  • 209
  • 210
  • 211
  • 212
  • 213
  • 214
  • 215
  • 216
  • 217
  • 218
  • 219
  • 220
  • 221
  • 222
  • 223
  • 224
  • 225
  • 226
  • 227
  • 228
  • 229
  • 230
  • 231
  • 232
  • 233
  • 234
  • 235
  • 236
  • 237
  • 238
  • 239
  • 240
  • 241
  • 242
  • 243
  • 244
  • 245
  • 246
  • 247
  • 248
  • 249
  • 250
  • 251
  • 252
  • 253
  • 254
  • 255
  • 256
  • 257
  • 258
  • 259
  • 260
  • 261
  • 262
  • 263
  • 264
  • 265
  • 266
  • 267
  • 268
  • 269
  • 270
  • 271
  • 272
  • 273
  • 274
  • 275
  • 276
  • 277
  • 278
  • 279
  • 280
  • 281
  • 282
  • 283
  • 284
  • 285
  • 286
  • 287
  • 288
  • 289
  • 290
  • 291
  • 292
  • 293
  • 294
  • 295
  • 296
  • 297
  • 298
  • 299
  • 300
  • 301
  • 302
  • 303
  • 304
  • 305
  • 306
  • 307
  • 308
  • 309
  • 310
  • 311
  • 312
  • 313
  • 314
  • 315
  • 316
  • 317
  • 318
  • 319
  • 320
  • 321
  • 322
  • 323
  • 324
  • 325
  • 326
  • 327
  • 328
  • 329
  • 330
  • 331
  • 332
  • 333
  • 334
  • 335
  • 336
  • 337
  • 338
  • 339
  • 340
  • 341
  • 342
  • 343
  • 344
  • 345
  • 346
  • 347
  • 348
  • 349
  • 350
  • 351
  • 352
  • 353
  • 354
  • 355
  • 356
  • 357
  • 358
  • 359
  • 360
  • 361
  • 362
  • 363
  • 364
  • 365
  • 366
  • 367
  • 368
  • 369
  • 370
  • 371
  • 372
  • 373
  • 374
  • 375
  • 376
  • 377
  • 378
  • 379
  • 380
  • 381
  • 382
  • 383
  • 384
  • 385
  • 386
  • 387
  • 388
  • 389
  • 390
  • 391
  • 392
  • 393
  • 394
  • 395
  • 396
  • 397
  • 398
  • 399
  • 400
  • 401
  • 402
  • 403
  • 404
  • 405
  • 406
  • 407
  • 408
  • 409
  • 410
  • 411
  • 412
  • 413
  • 414
  • 415
  • 416
  • 417
  • 418
  • 419
  • 420
  • 421
  • 422

159
Last updated 7/13/2012
Chapter 6: Styles and style sheets
Style types
You can manage style sheets at the project level and apply styles at the topic level. Master pages provide the layout of
a topic and help control the styling. These types of styles are available:
Inline styles
A block of text and its formatting within an HTML file (topic) formatted directly in Design Editor. If you
link the file to a style sheet, inline styles override styles in the style sheet and embedded styles. See “
Inline styles
” on
page
171.
Embedded styles
Style definitions saved in an HTML file (topic). If you link the file to a style sheet, embedded styles
override the styles in the style sheet. You can create a character style or a paragraph style.
Styles in cascading style sheets (CSS)
Style definitions stored in a CSS file. You can create a character style, a paragraph
style, a list style, a multilevel list style, and a table style.
After you convert a WinHelp project to an HTML-based project, styles are available as follows:
Project created from an HPJ file
You can create styles that use the same formatting as styles in Word templates. These
styles are saved in style sheets that are attached to the HTML topics. If you do not want style sheets, translate the Word
formatting into inline styles in the HTML topics.
Project created from an HLP file
Preformatted style sheets are available to apply to HTML topics. Topics are formatted
to use the default HTML styles.
More Help topics
Master pages
” on page
117
Media rules and attributes in styles
Media rules and attributes help you control the appearance of your project output on different media, such as
traditional desktop screens, printers, or popular devices such as iPad or iPhone. In RoboHelp, you can modify style
definitions to add media rules and attributes.
Define media-specific styles in a style sheet
In the Project Manager pod, right-click the style sheet and click Edit.
1
In the Styles dialog box, select a style to modify for a specific media.
2
Select the media type from the Media list.
None
Used to define generic styles
Print
Used for printers
<screen profile name>
Each screen in the project
3
Modify the style as required. For example, select a smaller font size.
4
Click OK.