Presentation Cascading Style SheetPrint this Page  Presentation
Cascading Style Sheets
WebPAC uses Cascading Style Sheets extensively to control presentation. This makes style sheets a valuable and powerful tool for changing and maintaining the organization-specific branding and presentation of WebPAC pages.



In general, styles "cascade" into the next available style sheet according to the following rules, where number four has the highest priority:
  1. Browser default
  2. External style sheet
  3. Internal style sheet (inside the Head tag)
  4. Inline style (inside an HTML element)

Different browsers (even different versions of the same browser) interpret and display markup differently. To account for these differences, and to create a greater consistency in presentation, there are two style sheets included in the WebPAC Pro example set: styles.css and ie_styles.css.

A third style sheet, ProStyles.css exists behind the scenes and serves as the WebPAC Pro system default. ProStyles is not accessible or editable by the user. Any style that is defined in ProStyles, can be easily over-ridden in styles.css and/or ie_styles.css, making user access to this file completely unnecessary. These three style sheets are designed to cascade in the following order, where number 3 conditionally has the highest priority:

1. PROSTYLE.CSS  
2. STYLES.CSS Any style defined in ProStyles.css can be over-ridden in this style sheet
3. IE_STYLES.CSS This style sheet is only used by Internet Explorer. If IE does not find a style here, it will default to the definition in styles.css



Styles.css is only over-ridden by ie_styles.css when WebPAC Pro pages are viewed using Internet Explorer. If Internet Explorer does not find a style defined in ie_styles.css, it will then cascade to styles.css.