Difference between revisions of "Style sheet (web design)"

From Wiki @ Karl Jones dot com
Jump to: navigation, search
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 
In [[web design]], a '''style sheet''' provides style rules for a [[web page]].
 
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 ==
Line 34: Line 36:
  
 
[[Category:Cascading Style Sheets]]
 
[[Category:Cascading Style Sheets]]
 +
[[Category:Web design]]
 
[[Category:Web design and development]]
 
[[Category:Web design and development]]

Latest revision as of 14:44, 8 May 2016

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

External links