使用HTML5/CSS调整我的基础
我是一个初学者网页设计师，我有一些基本的问题可以帮助你们。我正在设计一个投资组合网站，但我似乎无法让它的基础与我想要的一致 以下是我想要的： 而事实并非如此。这是我的html：使用HTML5/CSS调整我的基础,css,html,responsive-design,alignment,Css,Html,Responsive Design,Alignment,我是一个初学者网页设计师，我有一些基本的问题可以帮助你们。我正在设计一个投资组合网站，但我似乎无法让它的基础与我想要的一致 以下是我想要的： 而事实并非如此。这是我的html： <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="keywords" content="gra
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="graphic design, art direction, portfolio, toronto, design, branding, Mira Metter, St. Joseph Media, editorial">
<meta name="description" content="design">
<title>Portfolio site</title>
<link href="mainhome4.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<div id="top">
<div id="banner">
</div>
<div id="nav-menu"><nav>
<ul class="nav">
<li><a href="portfolio.html">portfolio</a></li>
<li><a href="about.html">about</a></li>
</ul>
</nav></div>
<a href="index4.html"><img class="logo" src="images/mira-logo.png" alt="mira-logo"></a>
</div>
<section id="home">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="FlashID" title="homesmoke2">
<param name="movie" value="video/homesmoke2.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="6.0.65.0">
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf">
<param name="BGCOLOR" value="#FFFFFF">
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object data="video/homesmoke2.swf" type="application/x-shockwave-flash">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="6.0.65.0">
<param name="expressinstall" value="Scripts/expressInstall.swf">
<param name="BGCOLOR" value="#FFFFFF">
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</section>
<footer>
<h3> <a href="contact.html">contact me</a></h3>
<img class="arrow" src="images/arrow.png" alt="arrow">
<nav><ul>
<li><img class="social-media"src="images/pinterest.png" alt="pinterest"></li>
<li><img class="social-media" src="images/twitter.png" alt="twitter"></li>
<li><img class="social-media" src="images/instgram.png" alt="instagram"></li>
<li><img class="social-media" src="images/facebook.png" alt="facebook"></li>
</ul></nav>
</footer>
</div>
</body>
</html>
我认为，如果你指的是容器，你需要做的就是：
body{
margin: 0;
padding: 0;
}
#container{
margin: 0 auto;
width: whatever you want the width to be;
text-align: center;
background-color:#FFF;
font-family: helvetica, arial;
text-decoration: none;
}
编辑：
查看以开始，但您必须添加边距和调整高度。我建议您只需在任何给定的网页上点击f12，就可以熟悉Google Chrome开发工具。实际上，您可以使用此工具重新创建网页。希望这有帮助 你说的“基地”是什么意思？头球？页脚？背景？正文？
这是我想要的： body{
margin: 0;
padding: 0;
}
#container{
margin: 0 auto;
width: whatever you want the width to be;
text-align: center;
background-color:#FFF;
font-family: helvetica, arial;
text-decoration: none;
}