Overview

Cascading Style Sheets (CSS) describe the presentation of a document written in a markup language. You can use style sheets to control the appearance of Web pages written in HTML and XHTML, as well as XML documents, including mojax.

Use CSS to define colors, fonts, layout, and other aspects of a mojax application. With CSS, you can separate mojax application content (written in MIL) from mojax application presentation (written in CSS), which can improve content accessibility, provide flexibility and control over appearance, and reduce complexity and repetition in structural content.

Style sheets let you alter the appearance of the same page for different purposes, depending on factors like screen size, color depth, and transparency support. You can vary display by brands, livery, or color scheme by using a different CSS.

Using CSS in MIL

Specify CSS inline or externally to a MIL file. Both techniques use the <style Tag> tag, as defined in the Tag Reference.

Example 1. Inline stylesheet

<style>
  button {
    color: #FFFFFF;
    background-color: #C9FD00;
  }

  screen {
    font-size: small;
    font-style: outlined;
  }
</style>

Example 2. External stylesheet

<style src="myStyles.css"/>