In line paragraph block: <p style="font-size:12pt; margin-left:15px; color:#3f4267;">
Standard site paragraph (defined in rqstyle5):
p {font-size:12pt;margin-left:15px;margin-right:15px;color:#3f4267;}
Other defined paragraph element parameters include various classes:
p.center {text-align:center;}
p.just {text-align:justify;}
p.right {text-align:right;} and
p.indent {text-indent:30px;}
This paragraph is indented: <p class="indent">
Simple HTML tag elements include:
<b>bold</b>, <i>Italic</i>, <u>underline</u>, <s>strikethrough</s>;
<sub>sub-script</sub>, <sup>superscript</sup> and <small>small script</small>
Example of strikethough text.
Inline span element: color:
<span style="background-color:#406666; color:#ffffff;">color</span>
Inline custom color link: RanQuist.net
<a href="../index.htm" style="color:#000000">Ranquist.net</a>
<img src="logos.png" alt="small logo" style="float:right">
Simple anchor tag: <a href="url">Url</a>
Bookmark anchor: <a href="#bookmark">Title</a> -- <a id="bookmark">Title</a>
flex-container of four sub-divisions defined in the head section nested within <style> tags </style>
640x480 division; 20px left, 20px top; 2px border w/ radius 10px; standard rq blue (#3f4267)
<div style="position:absolute; left:20px; width:640px;
vertical-position:absolute; top:20px; height:560px;
border-radius:10px; border:2px solid #3f4267;">
Style sheet code:
div.640
{
position:absolute;
left:20px;
width:640;
vertical-position:aboslute;
top:20px;
height:560px;
border-radius:10px;
border:2px solid #3f4267;
}
html <div style="640"> content </div>
Positions: static; (default),
absolute; - the absolute div may be placed anywhere using top, right, bottom and left properties.
relative; - much like static but divion may be offset by changing top, right, bottom and left property values.
fixed; - behaves like absolute, but it will absolutely position a division in fixed reference to the browser window as opposed to the Web page.
Center a division using position:absolute; top:0px; left:50%; width:240px;
margin-left:120; half of the division width
/*Standard RQ Style5 Sheet*/
body {background-color:#ffffff;}
p {font-size:12pt;margin-left:15px;margin-right:15px;color:#3f4267;}
p.center {text-align:center;}
p.just {text-align:justify;}
p.right {text-align:right;}
p.indent {text-indent:30px;}
p {font-size:12pt;margin-left:15px;margin-right:15px;color:#3f4267;}
a:link {text-decoration:none;color:#3f6742;}
a:visited {text-decoration:none;color:#406666;}
a:hover {text-decoration:underline;color:#69673e;}
a:active {text-decoration:underline;color:#69673e;}
ul.c {list-style-type:circle;}
ul.s {list-style-type:square;}
img.b
{
vertical-align:text-top
}
img.c
{
vertical-align:text-bottom;
}
img.d
{
vertical-align:sub;
}
.tsttext-shadow {text-shadow:5px 5px 5px #3f4267;}
.tsatext-shadow {text-shadow:5px 5px 5px #69673d;}
.shadowfilter-gray {filter:drop-shadow(8px 8px 10px gray);}
background-image:url('DDgradienti.png'); background-repeat: repeat-x;
DDgradienti.png
Inline Text Style: <p style="font-size:12pt; margin-left:15px; color:#3f4267;">
This is a paragraph.</p>
Image graphics:
<img src="logos.png" alt="rqSmall Logo" width="86" height="89" style="float:center"> left, right
Separate style=parameters with semi a colon; style="border:1px solid; float:right"
Special Characters:
The less and greater than codes are used to display the various <tag> examples on this page.
Text-shadows as defined in a css file or between style tags in the head section of a Web page:
.tsatext-shadow {text-shadow:5px 5px 5px #69673d;},
.tsttext-shadow {text-shadow:5px 5px 5px #3f4267;}
<p class="tsatext-shadow">
<p class="tsttext-shadow">
Shadows added to a paragraph using the 'drop-shadow' filter defined in css or style section of page:
{filter:drop-shadow(8px 8px 10px gray);}
<p class="shadowfilter-gray">
May not display properly in IE
Shadow Text
This shadow casting #id is defined in the head section of page:
#delilas
{
font-size:12pt;
text-shadow:5px 5px 7px #020202;
}
<p id="delilas">