Is this the correct way to style a HTML document using CSS?
I am new to the world of coding as well as CSS and have put together a sample page however am unsure if I am doing it correctly i.e. is the use of my CSS valid? I seem to be getting the required layout however would like to know if I am making any mistakes.

    <!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=UTF-8" />
    	<meta http-equiv="Content-Language" content="en-us" />
    
    	<meta name="keywords" content="" />
    	<meta name="description" content="" />
    	<meta name="author" content= "" />
    	
    	<title>Example</title>
    	
    	<base href="" />
    	
    	<link rel="stylesheet" type="text/css" href="" />
    	
    	<style type="text/css">
    	
    	body {
    	
    		margin: 0;
    		padding: 0;
    	
    	}
    	
    	#wrapper {
    	
    	
    	}
    	
    	#header {
    	
    		background-image: url('images/bg-inner-page.gif');
    		height: 200px;
    	
    	}
    	
    	#logo {
    	
    		position: relative;
    		top: 50px;
    		left: 100px;
    	
    	}
    	
    	#topnav {
    
    		position: relative;
    		top: 35px;
    		left: 300px;
    	
    	}
    	
    	#content {
    	
    		background-color: orange;
    	
    	}
    	
    	#footer {
    	
    		background-color: blue;
    	
    	}
    	
    	</style>
    </head>
    
    <body>
    
    	<div id="wrapper">
    		<div id="header">
    			<div id="logo">
    				logo
    			</div>
    			
    			<div id="topnav">
    				nav
    			</div>
    		</div>
    		<div id="content">content</div>
    		<div id="footer">footer</div>
    	</div>
    </body>
    </html>
Is this the correct way to style a HTML document using CSS?
===

I am new to the world of coding as well as CSS and have put together a sample page however am unsure if I am doing it correctly i.e. is the use of my CSS valid? I seem to be getting the required layout however would like to know if I am making any mistakes.

    <!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=UTF-8" />
    	<meta http-equiv="Content-Language" content="en-us" />
    
    	<meta name="keywords" content="" />
    	<meta name="description" content="" />
    	<meta name="author" content= "" />
    	
    	<title>Example</title>
    	
    	<base href="" />
    	
    	<link rel="stylesheet" type="text/css" href="" />
    	
    	<style type="text/css">
    	
    	body {
    	
    		margin: 0;
    		padding: 0;
    	
    	}
    	
    	#wrapper {
    	
    	
    	}
    	
    	#header {
    	
    		background-image: url('images/bg-inner-page.gif');
    		height: 200px;
    	
    	}
    	
    	#logo {
    	
    		position: relative;
    		top: 50px;
    		left: 100px;
    	
    	}
    	
    	#topnav {
    
    		position: relative;
    		top: 35px;
    		left: 300px;
    	
    	}
    	
    	#content {
    	
    		background-color: orange;
    	
    	}
    	
    	#footer {
    	
    		background-color: blue;
    	
    	}
    	
    	</style>
    </head>
    
    <body>
    
    	<div id="wrapper">
    		<div id="header">
    			<div id="logo">
    				logo
    			</div>
    			
    			<div id="topnav">
    				nav
    			</div>
    		</div>
    		<div id="content">content</div>
    		<div id="footer">footer</div>
    	</div>
    </body>
    </html>