Help with Stylesheets > Content for New User

[DolusBonus]

I have struggled to see how to link style from a stylesheet with my content.

For instance, I would like to explain how to bold text from the keyboard and would like my content to look like this:



Using Firebug I found the code which, if pasted into my ebook in Sigil will produce the results I want:

<kbd class="keyboard-key nowrap" style="border: 1px solid #aaa; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; border-radius: 0.2em; -moz-box-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,0.1); -webkit-box-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,0.1); box-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,0.1); background-color: #f9f9f9; background-image: -moz-linear-gradient(top, #eee, #f9f9f9, #eee); background-image: -o-linear-gradient(top, #eee, #f9f9f9, #eee); background-image: -webkit-linear-gradient(top, #eee, #f9f9f9, #eee); background-image: linear-gradient(to bottom, #eee, #f9f9f9, #eee); padding: 0.1em 0.3em; font-family: inherit; font-size: 0.85em;">Ctrl</kbd>

If you have not given up on me, my question is how to format this type of content correctly each time I need to use in the best way. Could someone suggest what is added to my stylesheet, how it is called when needed, etc?

[theducks]

I don't know about your inline code. I assume .keyboard {stuff} is in the css

I use the saved 'clip' feature

<kbd class="keyboard">\1</kbd>

Use of this forma of a clip will wrap the selected text

[MickiTee]

You have to link stylesheets to html files. Right click on the html file and select 'Link Stylesheet' from the context menu.

The Sigil User Guide (available from the Sigil website), while not including newer functionality e.g. Epub3 support, is still a good starting point for this type of basic operation.