Html 我尝试在oswd上重新创建一个网站进行练习，但屏幕上没有'；除了背景之外，我什么也看不出来_Html_Css

Html 我尝试在oswd上重新创建一个网站进行练习，但屏幕上没有'；除了背景之外，我什么也看不出来

html css

Html 我尝试在oswd上重新创建一个网站进行练习，但屏幕上没有'；除了背景之外，我什么也看不出来,html,css,Html,Css,这是我写的代码，我不知道我做错了什么，我试图重新创建这个界面，但所有的内容都消失了，唯一显示的是页面顶部的白色矩形这对我来说毫无意义，我也不知道如何解决它由LuckyP创作的书呆子 *{ 保证金：0；填充：0；框大小：边框框； } 身体{ 字体系列：“投石机ms”，helvetica，无衬线；背景图片：url（images/bg.gif）； } #包裹{ 背景色：白色；填充：15px；保证金：自动；宽度：800px； } .橙色文本{ 颜色：#D97900； } .bold{

这是我写的代码，我不知道我做错了什么，我试图重新创建这个界面，但所有的内容都消失了，唯一显示的是页面顶部的白色矩形

这对我来说毫无意义，我也不知道如何解决它


由LuckyP创作的书呆子
*{
保证金：0；
填充：0；
框大小：边框框；
}
身体{
字体系列：“投石机ms”，helvetica，无衬线；
背景图片：url（images/bg.gif）；
}
#包裹{
背景色：白色；
填充：15px；
保证金：自动；
宽度：800px；
}
.橙色文本{
颜色：#D97900；
}
.bold{
字体大小：粗体；
}
标题{
位置：相对位置；
背景图片：url（images/headbg.gif）；
背景重复：重复-x；
宽度：770px；
}
h1{
位置：绝对位置；
左：40px；
底部：15px；
}
标题ul{
位置：绝对位置；
右：30px；
底部：15px；
}
标题ulli{
颜色：#fff；
文字装饰：下划线；
右边框：#D97900；
浮动：左；
填充：10px；
}
标题：悬停{
背景色：#D97900；
不透明度：0.7；
}
我的网站名

这是输出：

从H1和“收割台ul”中移除“底部：15px；”。

从H1和“收割台ul”中移除“底部：15px；”

<!DOCTYPE html>
<html lang="en-UK">
    <head>
        <title>Bookish recreated by LuckyP</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=viewport-width, initial-scale=1.0">
        <meta name="author" content="Luca Santarelli">
        <meta name="description" content="Come to see the first practice website by LuckyP,
        commonly called Lucio, depending on the platform you watch him on">
        <meta name="robots" content="index">
        <meta name="keywords" content="bookish, real web development project">
        <style>
            *{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
body{
    font-family:"trebuchet ms", helvetica, sans-serif;
    background-image: url(images/bg.gif);
}
#wrap{
    background-color:white;
    padding:15px;
    margin:auto;
    width: 800px;
}
.orange-text{
    color:#D97900;
}
.bold{
    font-weight:bold;
}
header{
    position:relative;
    background-image: url(images/headbg.gif);
    background-repeat: repeat-x;
    width:770px;
}
h1{
    position:absolute;
    left:40px;
    bottom:15px;
}
header ul{
    position:absolute;
    right:30px;
    bottom:15px;
}
header ul li{
    color:#fff;
    text-decoration:underline;
    border-right:#D97900;
    float:left;
    padding: 10px;
}
header ul li:hover{
    background-color:#D97900;
    opacity: 0.7;
}
        </style>
    </head>
    <body>
        <div id="wrap">
            <header>
                <h1><span class="orange-text">my</span><span class="bold">website</span>name</h1>
                <ul>
                    <li><a href="#">homepage</a></li>
                    <li><a href="#">recent articles</a></li>
                    <li><a href="#">about us</a></li>
                    <li><a href="#">contact us</a></li>
                </ul>
            </header>
        </div>
    </body>
</html>