Adobe 65030089 User Guide - Page 168

Edit styles in CSS files, Edit a style using the Styles dialog box, Delete styles from style sheets

Page 168 highlights

USING ROBOHELP HTML 9 162 Styles and style sheets • Click inside the paragraph to format. For multiple paragraphs, select the paragraphs. 2 In the Styles And Formatting pod, double-click a style. • Character styles apply to selected blocks of text and impact fonts and DHTML effects. • Paragraph styles apply to entire paragraphs and impact fonts, spacing between lines, numbering, borders and shading, and DHTML effects. • Table styles apply to the content in the tables. • List styles apply to all numbering and bullet styles. • Multilevel list styles apply to hierarchical lists. To remove a character style, select the text and select a different style from the Style list. To remove a paragraph style, select the style None. Edit styles in CSS files When you edit styles in a CSS file, all topics that are linked to the file are updated. Important: You cannot use the Undo command to undo changes to a CSS file. Edit the CSS file to revert to a previous style. Edit a style using the Styles dialog box 1 In the Project Manager pod, right-click the CSS file. Click Edit. 2 Deselect Hide Inherited Styles. 3 From Available In, select a style sheet. 4 In the Styles box, select a style. 5 Click Format, and select the attributes. 6 (Optional) Select formatting options from the Formatting section. 7 Click OK. Edit a style using the Styles And Formatting pod 1 Select a style in the Styles And Formatting pod. 2 Click Edit Selected Item. 3 In the Styles dialog box, select formatting options. 4 Click OK. To prevent a user-defined color from displaying in the browser background, set the Background Text style to a white background. This style is for normal topic text, such as headings and paragraphs. It controls the default settings for background images, background colors, and borders. Delete styles from style sheets 1 In the Project Manager pod, right-click the style sheet containing the style to remove, and click Edit. Last updated 12/14/2011

  • 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

162
USING ROBOHELP HTML 9
Styles and style sheets
Last updated 12/14/2011
Click inside the paragraph to format. For multiple paragraphs, select the paragraphs.
2
In the Styles And Formatting pod, double-click a style.
Character styles apply to selected blocks of text and impact fonts and DHTML effects.
Paragraph styles apply to entire paragraphs and impact fonts, spacing between lines, numbering, borders and
shading, and DHTML effects.
Table styles apply to the content in the tables.
List styles apply to all numbering and bullet styles.
Multilevel list styles apply to hierarchical lists.
To remove a character style, select the text and select a different style from the Style list. To remove a paragraph style,
select the style None.
Edit styles in CSS files
When you edit styles in a CSS file, all topics that are linked to the file are updated.
Important:
You cannot use the Undo command to undo changes to a CSS file. Edit the CSS file to revert to a previous
style.
Edit a style using the Styles dialog box
1
In the Project Manager pod, right-click the CSS file. Click Edit.
2
Deselect Hide Inherited Styles.
3
From Available In, select a style sheet.
4
In the Styles box, select a style.
5
Click Format, and select the attributes.
6
(Optional) Select formatting options from the Formatting section.
7
Click OK.
Edit a style using the Styles And Formatting pod
1
Select a style in the Styles And Formatting pod.
2
Click Edit Selected Item.
3
In the Styles dialog box, select formatting options.
4
Click OK.
To prevent a user-defined color from displaying in the browser background, set the Background Text style to a white
background. This style is for normal topic text, such as headings and paragraphs. It controls the default settings for
background images, background colors, and borders.
Delete styles from style sheets
1
In the Project Manager pod, right-click the style sheet containing the style to remove, and click Edit.