Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何创建一个单页网站?_Html_Css_User Interface - Fatal编程技术网

Html 如何创建一个单页网站?

Html 如何创建一个单页网站?,html,css,user-interface,Html,Css,User Interface,我对网页设计和网站布局是相当陌生的,我在浏览YouTube的时候,遇到了一个博客,他解释了他最喜欢的5个网站设计 在时间1:44他开始谈论一页设计,并谈论。我喜欢他们的背景设计 我知道如何为div元素提供不同的背景图像或颜色,但我想知道如何创建类似的背景或复制它们的背景?他们的背景有图像和一个三角形,然后一个新的部分开始:) 在此方面的任何帮助都将不胜感激。如果能提供一些示例代码的解释,我将不胜感激:) 很多Divs 身体{ 保证金:0; 填充:0; } .内容{ 宽度:1280px; 高度:

我对网页设计和网站布局是相当陌生的,我在浏览YouTube的时候,遇到了一个博客,他解释了他最喜欢的5个网站设计

在时间
1:44
他开始谈论一页设计,并谈论。我喜欢他们的背景设计

我知道如何为
div
元素提供不同的背景图像或颜色,但我想知道如何创建类似的背景或复制它们的背景?他们的背景有图像和一个三角形,然后一个新的部分开始:)

在此方面的任何帮助都将不胜感激。如果能提供一些示例代码的解释,我将不胜感激:)


很多Divs
身体{
保证金:0;
填充:0;
}
.内容{
宽度:1280px;
高度:800px;
字体系列:“Courier New”,等距;
字号:18px;
颜色:白色;
}
#第一组{
背景图片:url(“../img/mentalist-1.jpg”);
背景重复:无重复;
保证金:0;
填充:0;
}
#第二组{
背景图片:url(“../img/prisonbreak-1.jpg”);
背景重复:无重复;
保证金:0;
填充:0;
}
p{
文本对齐:对齐;
}

一个臭名昭著的“通灵者”抛弃了他的公众形象,把自己打扮成一个骗子,专注于自己作为顾问的工作
加州调查局为了找到杀害妻子和女儿的疯子“红约翰”。

结构工程师迈克尔·斯科菲尔德(Michael Scofield)向福克斯河监狱自首,以破获其兄弟林肯·布伦斯(Lincoln Burrows), 他因谋杀副总统的兄弟而被判死刑。 但是林肯是由公司(一个由腐败的政府官员组成的机构)的一些人建立的, 由乔纳森·克兰茨将军领导。迈克尔和他的兄弟林肯以及其他罪犯从福克斯河逃走

我想要达到的目标是:
  • 与SplitSecnd相似的背景样式

  • 让背景中的两个OMAGE粘在一起(底部没有空格)
  • SplitSecnd的构建比您想象的要简单。它们正在堆叠透明的*.png图像。例如,第一个是:

    从那里你可以把它们叠起来。将div与
    位置一起使用:绝对
    z-index:…
    top:…px


    z索引越高,它在“堆栈”上的位置就越高(离屏幕越近,就像z轴一样)。position top(位置顶部)允许您将div相互放置在下方(y-asis)。您必须使用一个接近图像高度的值,然后对其进行微调。

    您应该发布一些自己的代码,并演示您遇到的问题,否则这个问题可能会因为“过于宽泛”而被关闭。你需要更具体一些。好的,我会做:)给我几分钟:)你可能会感兴趣的是视差网站。给它一个谷歌:)@Seer检查代码:)
    <!DOCTYPE html>
    <html>
    <title> Lot of Divs </title>
    <style>
    
        body{
            margin: 0;
            padding: 0;
        }
        .content{
            width: 1280px;
            height: 800px;
            font-family: "Courier New",monospaced;
            font-size: 18px;
            color: white;
        }
        #div1{
            background-image: url("../img/mentalist-1.jpg");
            background-repeat: no-repeat;
            margin: 0;
            padding: 0;
        }
        #div2{
            background-image: url("../img/prisonbreak-1.jpg");
            background-repeat: no-repeat;
            margin: 0;
            padding: 0;
        }
        p{
            text-align: justify;
        }
    </style>
    <body>
        <div class = "content" id="div1">
            <p>
                An infamous 'psychic' abandons his public persona, outing himself as a fake, to focus on his work as a consultant 
                for the California Bureau of Investigation in order to find "Red John," the madman who killed his wife and daughter.
            </p>
        </div>
        <div class = "content" id="div2">
            <p>
                Structural Engineer Michael Scofield turns himself in to the Fox River Penitentiary in order to break out his brother Lincoln Burrows, 
                who is on death row for the murder of the Vice President's brother. 
                But Lincoln was set up by some of the Company (an agency formed by corrupt government officials) guys, 
                headed by General Jonathan Krantz. Michael breaks out from Fox River with his brother Lincoln and other convicts
            </p>
        </div>
    </body>
    </html>