my code before I link to style sheet

3 posts Page 1 of 1

my code before I link to style sheet

by cent00 » Thu Dec 19, 2013 3:47 pm

<html>
<head>
<title>
Unipal
</title>
<style>
#content0{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid;
background-color : #FFFFFF ;
width: 88%;
margin-left : auto ;
margin-right : auto ;
height : 300% ;
box-shadow:10px 10px 2px
#575757 ;
position:relative;
}
#content1{
background-color:#F7F7F7;
float:right;
display:block;
height:50%;
clear:both;
display:block;
width:50%;
margin-right:10px;
margin-top:10px;
-moz-border-radius:10px;
border:1px solid;
border-radius:10px;
}
#content2{
background-color : #DCBABA ;
width: 88%;
margin-left : auto ;
margin-right : auto ;
height : 20% ;
width:45%;
clear:both;
float:right;
margin-right:60px;
margin-top:20px;
}
#content3{
margin-left : auto ;
margin-right : auto ;
height : 20% ;
width:45%;
clear:both;
float:right;
margin-right:60px;
margin-top:20px;
}
</style>
</head>
<body bgcolor="#552B2B">
<div style="line-height:2px;border-width:1px;border-style:solid;border-top:1px solid #472323;border-bottom:1px solid #472323;border-left:1px solid #472323;border-right:1px solid #472323;margin-top:1px;text-indent:3pt;text-align:right;">
<form action="Index.html" method="link">
<p style="color : #FFFFFF ; font-size :16px ;">
Username or Email <input type="text" size="10" /> 
<input type="text" size="7" /> Password

<input type="submit" value="LOGIN NOW" style="font-face:'tims,cursive,serif'; font-size larger;color:#FFFFFF; background-color:#06F;"> 
<a href="forgot password.html"style="color:#FF8000; ">Forgot password?</a>
</p>
</form>
</div>
<hr style="color:#492525;">
<div id="content0"><div id="content1">meeeeee</div>
<div id="content2">LOVELY</div>
<div id="content3">
<fieldset style="width:500" align="right">
<legend style="color:#06F;">Search Singles</legend>

<form action="">
I'm a
<select name="Gender">
<option name=one value=one>Man</option>
<option name=two value=two>Woman</option>
</select>   
Seeking a
<select name="Gender">
<option name=one value=one>Woman</option>
<option name=two value=two>Man</option>
</select>
   Age from <input type="text" size="1" /> to <input type="text" size="1" /></form>

<form action="">
Country<br/>
<select name="Country">
</select>               <form action="Index.html" method="link">
<input type="submit" value="Search" style="font-face:'monaco'; font-size larger;color:#FFFFFF; background-color:#06F;">
</form>
</fieldset>
</div>
<div style="padding:4px;">
<fieldset style="width:500" align="right">
<legend style="color:#06F;"align=center>Welcome to the best dating<br>site ever on the web.</legend>
</fieldset>
</div>
</div

cent00

Posts: 3
Joined: Tue Dec 17, 2013 2:34 pm

Re: my code before I link to style sheet

by XainPro » Thu Dec 19, 2013 6:50 pm

external style sheet would not word because you have added inline styles 1st priority will be given to inline then embedded and then external
i think this lesson would help you to understand how css work

http://html.net/tutorials/css/lesson2.php