An example of CSS code, which makes up the visual and styling components of a web page
Separation of content and presentation (or separation of content and style) is the separation of concerns design principle as applied to the authoring and presentation of content. Under this principle, visual and design aspects (presentation and style) are separated from the core material and structure (content) of a document.[1][2][3] A typical analogy used to explain this principle is the distinction between the human skeleton (as the structural component) and human flesh (as the visual component) which makes up the body's appearance. Common applications of this principle are seen in Web design (HTML vs. CSS)[4][5] and document typesetting (Lambert's document[clarify] body vs. its preamble).
^Ferrel, P. J.; Meyer, R. F.; Millet, S. J.; Shewchuk, J. P.; Smith, W. W. (March 6, 2001), Method for delivering separate design and content in a multimedia publishing system, USPTO, U.S. patent 6,199,082.