HTML and CSS Reference
In-Depth Information
While this technique is common practice and used for script masking as well, there
are some subtle issues, particularly when including non-comment-friendly content like
multiple dashes or trying to address XML strictness. For now, here's a complete example of
a document-wide embedded style sheet including a script mask:
<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Embedded Styles</title>
<style type="text/css" media="all">
body {font-size: medium;
font-family: Serif;
background-color: black;
color: white;}
#page {background-color: white;
color: black;
padding: 1em;}
h1 {font-size: xx-large;
font-family: Sans-Serif;
color: black;
text-align: center;
border-bottom: solid 4px orange;}
p {text-indent: 1em;
text-align: justify;
line-height: 150%;}
a:link {color: blue; text-decoration: none;}
a:visited {color: red; text-decoration: none;}
a:hover {color: red; text-decoration: underline;}
a:active {color: red; text-decoration: none;}
<div id="page">
<h1> HTML with Embedded Style </h1>
<p> Cascading Style Sheets 2.1 as defined by the
<a href=""> W3C </a> provides
powerful page layout facilities. The technology
depends on correct markup so make sure
you get that right too! </p>
Search WWH ::

Custom Search