C.V.仅使用html/css创建_Html_Css

C.V.仅使用html/css创建

html css

C.V.仅使用html/css创建,html,css,Html,Css,我正在为求职申请做简历，现在我已经用CSS创建了一个背景和一个小菜单。现在我的问题是: 有没有一种方法不使用，来创建一个区域，以便在不丢失菜单的情况下将链接指向该区域当我学习ICT时，我学到了HTML/CSS，学会了将页面用作表格，并将iframe放置在您想要的正确区域现在我想尝试html5/css3，使页面在没有上述内容的情况下工作我的HTML <html> <head> <title></title> <link href="Sty

我正在为求职申请做简历，现在我已经用CSS创建了一个背景和一个小菜单。现在我的问题是:

有没有一种方法不使用

，

来创建一个区域，以便在不丢失菜单的情况下将链接指向该区域

当我学习ICT时，我学到了HTML/CSS，学会了将页面用作表格，并将iframe放置在您想要的正确区域

现在我想尝试html5/css3，使页面在没有上述内容的情况下工作

我的HTML

<html>
<head>
<title></title>
<link href="Style.css" rel="stylesheet" type="text/css">
</head>
<body>
<ul id="navigationMenu">
<li><a class="home" href="#"><span>Home</span></a></li>
<li><a class="about me" href="#"><span>About me</span></a></li>
<li><a class="kennis" href="#"><span>Kennis</span></a></li>
<li><a class="werkervaring" href="#"><span>Werkervaring</span></a></li>
</ul>
/body>
</html

有。查看

div中有关如何定位导航菜单的源代码。此处显示了您要执行的所有操作

具体来说，您要查找的是

位置：已修复

#nav
{
    background-color: #282828;
    text-align: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10000;
    cursor: default;
}


/*将这些移到style.css中*/
.导航目标{
边框：1px实心#中交；
边缘：2米；
填料：2米；
高度：400px；
}






家
家
家
家

我试过这个位置：修好了，然后除了一个按钮以外，我所有的按钮都不见了。一个什么是Z索引？您需要将

移动到一个

容器中。Z索引是元素所在的层。例如，如果我有一个蓝色的正方形、一个绿色的正方形和一个红色的正方形，它们使用CSS占据相同的空间，那么z-index可以用来定义哪个东西在上面。较高编号的z索引置于较低z索引之上。10000在迷你港中的意思是“在一切之上”，尽管理论上你可以给出几百万的z指数，如果你愿意的话。好的，谢谢，z指数非常棒，所以现在我可以做一个我可以从任何地方瞄准的区域？是的。在禁用CSS的页面上，导航栏将是串联的，但在启用CSS和Miniport的CSS的情况下，您可以将导航栏向左或向右移动，无论您希望它看起来如何，并且它将像一个停靠的菜单，而不使用iFrame。导航栏中使用#锚的任何东西都会将窗口的其余部分移动到适当的位置，同时将导航栏保持在左侧。好的，谢谢：）我知道我问了很多问题，但是我可以用什么做一个中心区域，在那里我可以显示我自己的照片。我知道这是通过键入：.picture{background image:url（…）；然后是图片的规格，但我不知道如何使图片仅在位置上显示css，我希望它可以解释发生了什么？我只添加了div，以便使其变大…因此需要滚动。正如药瓶上所说，“它不是活性成分。”

#nav
{
    background-color: #282828;
    text-align: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10000;
    cursor: default;
}

<html>
<head>
    <title></title>
    <link href="Style.css" rel="stylesheet">
    <style>
        /* move these into style.css */
        .navigationTarget {
            border: 1px solid #cccccc;
            margin: 2em;
            padding: 2em;
            height: 400px;
        }
    </style>
</head>
<body>
<ul id="navigationMenu">
    <li><a class="home" href="#home"><span>Home</span></a></li>
    <li><a class="about me" href="#about"><span>About me</span></a></li>
    <li><a class="kennis" href="#kennis"><span>Kennis</span></a></li>
    <li><a class="werkervaring" href="#wer"><span>Werkervaring</span></a></li>
</ul>
<div class="navigationTarget">
    <a name="home"></a> Home
</div>
<div class="navigationTarget">
    <a name="about"></a> Home
</div>
<div class="navigationTarget">
    <a name="kennis"></a> Home
</div>
<div class="navigationTarget">
    <a name="wer"></a> Home
</div>
</body>
</html>