the css blocks in the head of the document are not Inline styles.
an inline style is one that is included with a tag using the style attribute:
<p style="border:1px solid #000000">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
a style block defined in the head:
<style type="text/css" media="all">
p .addBorder {
border: 1px solid #000000;
}
</style>
Is referred to as an Internal style.
the example above can be applied to a paragraph tag using the class addBorder:
<p class="addBorder">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
Inline styles are a bad practice. the driving concept behind CSS is to separate the design form the content. With inline styles, the design becomes part of the content.
with an Internal Styles and External Style (Styles defined in a linked .css file), the design is separated from the content.
The javascript applied by CSS Menu Writer is also not inline javascpt, it is not applied directly in an element.
It is used to create an event listener for the window.onLoad method, then trigger intializeMenu() function defined in the external javascript.
Defining the function in an external file is considered the correct practice, the code that calls the function will need to be in the main page.