Style sheet (web design)

In web design, a style sheet provides style rules for a web page.

Not to be confused with a style guide.

Separation of concerns

Separation of concerns is a design principle which requires certain entities to take certain responsibilities, and other entities to take other responsibilities.

In web design, separations of concerns includes the separation of:

• Style sheet provide design, presentation, layout, color
• Markup tags (HTML or XHTML) provides semantic content and structure

This design approach is identified as a "separation" because it largely supersedes the antecedent methodology in which a page's markup (HTML) defined both style and structure. (For example, the font element.)

External style sheet

Style are typically defined in an external style sheet file using a style sheet language such as CSS or XSLT.

• A style element in a web page is sometimes referred to as a style sheet, although it is not external

See also

• Cascading Style Sheets
• Class selector (CSS)
• HTML
• HTML element selector (CSS)
• ID selector (CSS)
• Web design
• Web page
• Web page layout

External links

• Style sheet (web development) @ Wikipedia