- Syntax
- General - id, class, span, div
- font
- text
- border
- position
- background
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Insert title here</title>
<style type="text/css">
body{position:relative;}
div{
width:200px;height:200px;
float:left;
}
.mydiv{
width:100px;
height:50px;
overflow:scroll;
}
em, span { background: yellow; }
a{ text-decoration:none;}
a:link { color: red; }
a:hover{text-decoration:underline; cursor: default;}
a:active { color: blue; font-size: 125%; }
a:visited { color: green; font-size: 85%; }
span{
/*
font-variant:small-caps;
font-style:italic;
font-weight:bold;
font-size:12px;
font-family: verdana;
*/
font: normal italic bold 16px 'Arial';
}
p{
letter-spacing: 0px;
word-spacing:5px;
line-height:36px;
text-align:center;
text-transform:capitalize;
}
img{
/*
border-style:solid;
border-width:1px;
border-color:#EAF5F5;
*/
border:dotted 8px #8168FF;
vertical-align:top;
width:30%;
}
table, td{border:1px solid;}
td{
width:30px;
}
#box3{
width:1000px; height:500px;
clear:both;
/*
background-image:url('../images/sample.jpg');
background-color:black;
background-position:center center;
background-repeat:repeat;
*/
background:url('../images/sample.jpg') black top right repeat;
}
</style>
</head>
<body>
<!--<h1>This is a <em>header</em></h1>-->
<div class="mydiv">
<p>this is a <em>paragraph</em>.<span>this is span</span>
This is a This is a
This is a This is a<br/>
this is a this is a
<img src="../images/sample.jpg" />this beside the image.
This is a this is a.help me. help me.
</p>
<a href="mypage.html">a link here</a>
</div>
<div id="box1" style="position:absolute;background-color:red;width:50%;z-index:0;">box 1</div>
<div id="box2" style="position:absolute;background-color:green;width:20%;z-index:1;">box 2</div>
<div style="clear:both;">
<table>
<tr>
<td>item 1item 1item 1</td>
<td>item 1</td>
</tr>
<tr>
<td>item 1</td>
<td>item 1</td>
</tr>
</table>
</div>
<div id="box3" style="">box 3</div>
</body>
</html>
No comments:
Post a Comment