TEL:400-8793-956
当前位置:程序、服务器

我的CSS出问题了

提问者: 近期获赞: 浏览人数: 发布时间:2021-02-07 10:39:06

 问:有人可以帮我几个小时的尝试,但我无法发现错误(如果是错误)。我一直在努力并复制所有给定的代码,直到现在,当我检查我的太浩湖网站时发现一切都出错了,跨度文本未居中,并且下面的段落也居中时,一切都很好。同样,主标题下方的倒转箭头也变得很大。在“检查野生动物”中,熊的形象消失了。然后,尽管我的CSS表示内联,但熊下面的另外两个图像不再是内联的,而是现在被阻止了。

 
也许我在某个地方出错了,但是我尝试与Treehouse的CSS进行比较,一切似乎都还不错,直到刷新我的太浩湖页面以查看错误仍然存​​在。我还将教程中的CSS粘贴到了我的CSS中,一切恢复正常,但是我发誓代码是相同的。这是我的代码如下:
 
/ *基本样式-------------------- * /
 
{box-sizing:border-box; }
身体{颜色:#878787;边距:0; 字体:1em / 1.5“ Helvetica Neue”,Helvetica,Arial,无衬线;}
 
h1 {
font-size:5.625rem; / * 90px / 16px * / color:rgba(255,255,255,1); 文本转换:大写;font-weight:正常;行高:1.3;文字阴影:0 1px 1px rgba(0,0,0,.8); }
 
h2 {font-size:3.3125em; / * 53px / 16px / font-weight:正常; 行高:1.1;保证金:0 0 .5em; / 0 0 26px * /}
 
h3 {font-size:1.25em; / * 20px / 16px /颜色:#48525c; 行高:1.2;底边距:1.7em; / 34像素* /}
 
img {最大宽度:100%;底边距:20px; border-radius:10px; }
 
ul,ol {margin:30px 0; }
 
li {margin-bottom:10px; }
 
/ *伪类------------------ * /
 
a:link {color:rgb(255,169,73); 文字修饰:无;}
 
a:参观过的{颜色:浅蓝色;}
 
a:hover {color:rgba(255,169,73,.4); }
 
a:active {color:lightcoral; }
 
/ *主要样式--------------------- * /
 
.main-header {padding-top:170px; 高度:850px;
 
背景:线性渐变(#ffa949,透明90%),#ffa949 url('../ img / mountains.jpg')无重复中心;背景尺寸:封面;
 
.title {颜色:白色;字体大小:1.625rem; / * 26像素/ 16像素* /
 
}
 
.intro {font-size:1.25em; / * 20px / 16px * /行高:1.6;
}
 
.primary-content,.main-header,.main-footer {text-align:center; }
 
.primary-content {padding-top:25px; padding-bottom:95px; }
 
.secondary-content {padding-top:80px; padding-bottom:70px; border-bottom:2px实心#dfe2e6; }
 
.callout {font-size:1.25em; 边框底部:3px实线;填充:0 0px 3px; 页边距:20px; 显示:inline-block; }
 
.main-footer {padding-top:60px; padding-bottom:60px; 边框底部:10像素实线#ffa949; }
 
.t-border {border-top:2px solid#dfe2e6; }
 
/ *版面样式------------------ * /
 
.primary-content,.secondary-content {宽度:75%; padding-left:50px; padding-right:50px;保证金:自动;最大宽度:960px;}
 
.wildlife {颜色:白色;文字对齐:左;填充:18%24%; border-top:10px实心#ffa949; 边距:105px 0 60px; 背景:#434a52 url('../ img / bear.jpg')无重复中心;背景尺寸:封面;box-shadow:嵌入0 0 50px 10px rgba(0,0,0,.8); border-radius:10px; }
 
.arrow {宽度:50px; }
 
/ *浮列------------------ * /
 
.resorts,.tips {宽度:46.5%;}
 
.tips {float:left; }
 
.resorts {float:right; }
 
/ *浮动Clearfix ------------------ * /
 
.group:之后{content:“”; 显示:表;清楚的 }
 
 
答:.main-header(第72行)
 
似乎缺少结尾}
 
 
答:您还可以通过验证器运行CSS以检查是否有任何错误。
上一篇: 我正在尝试删除正文中的简单文本,但是在查看结果中根本没有填充我的更改
下一篇: 该脚本出了点问题。变量money的值只有9。但是,如果预览此脚本,则会看到