Html CSS视差效果。如何更改上边距

Html CSS视差效果。如何更改上边距,html,css,parallax,Html,Css,Parallax,我正在尝试处理CSS上的视差效果示例。如何更改/删除第一个图像和页面上边缘之间的空间?我“玩”了很长时间的代码,但还没有弄明白它 /*============================================================ 初级结构 ============================================================ */ .集装箱{ 最大宽度:960像素; 保证金:0自动; } /* ====================

我正在尝试处理CSS上的视差效果示例。如何更改/删除第一个图像和页面上边缘之间的空间?我“玩”了很长时间的代码,但还没有弄明白它

/*============================================================
初级结构
============================================================ */
.集装箱{
最大宽度:960像素;
保证金:0自动;
}
/* ============================================================
部分
============================================================ */
第节模块:最后一个孩子{
页边距底部:0;
}
第2节模块h2{
边缘底部:40px;
字体系列:“Roboto Slab”,衬线;
字体大小:30px;
}
第4.p节模块{
边缘底部:40px;
字体大小:16px;
字体大小:300;
}
第4.p节:最后一个孩子{
页边距底部:0;
}
第节模块内容{
填充:40px0;
}
第节视差模块{
高度:600px;
背景位置:50%50%;
背景重复:无重复;
背景附件:固定;
背景尺寸:封面;
}
节.模块.视差h1{
颜色:rgba(255,255,255,0.8);
字体大小:48px;
线高:600px;
字号:700;
文本对齐:居中;
文本转换:大写;
文本阴影:0 10px rgba(0,0,0,0.2);
}
第1节视差模块-1{
背景图像:url(“http://www.fonstola.ru/pic/201112/2560x1600/fonstola.ru-63832.jpg");
}
第2节视差模块{
背景图像:url(“http://hdoboi.net/uploads/hd/95263_krasivyiy_osenniy_peyzaj.jpg");
}
第3节视差模块{
背景图像:url(“http://drobs.ru/opyat/8/peyzazh_priroda_holmy_derevya_zelen_tuman_rassvet_solnce_5576x3087.jpg");
}
@介质和全部(最小宽度:600px){
第2节模块h2{
字体大小:42px;
}
第4.p节模块{
字体大小:20px;
}
节.模块.视差h1{
字体大小:96px;
}
}
@介质和全部(最小宽度:960像素){
节.模块.视差h1{
字体大小:160px;
}
}

宁静的
同侧阴唇
我爱你,我爱你,我爱你

上升 同侧阴唇 我爱你,我爱你,我爱你

平静的 同侧阴唇 我爱你,我爱你,我爱你


上述问题是由页边距塌陷引起的。参考:

您可以通过删除第一个h1元素的默认顶部边距和默认主体边距来解决此问题。请参阅以下代码:

/*============================================================
初级结构
============================================================ */
.集装箱{
最大宽度:960像素;
保证金:0自动;
}
/* ============================================================
部分
============================================================ */
第节模块:最后一个孩子{
页边距底部:0;
}
第2节模块h2{
边缘底部:40px;
字体系列:“Roboto Slab”,衬线;
字体大小:30px;
}
第4.p节模块{
边缘底部:40px;
字体大小:16px;
字体大小:300;
}
第4.p节:最后一个孩子{
页边距底部:0;
}
第节模块内容{
填充:40px0;
}
第节视差模块{
高度:600px;
背景位置:50%50%;
背景重复:无重复;
背景附件:固定;
背景尺寸:封面;
}
节.模块.视差h1{
颜色:rgba(255,255,255,0.8);
字体大小:48px;
线高:600px;
字号:700;
文本对齐:居中;
文本转换:大写;
文本阴影:0 10px rgba(0,0,0,0.2);
}
第1节视差模块-1{
背景图像:url(“http://www.fonstola.ru/pic/201112/2560x1600/fonstola.ru-63832.jpg");
}
第2节视差模块{
背景图像:url(“http://hdoboi.net/uploads/hd/95263_krasivyiy_osenniy_peyzaj.jpg");
}
第3节视差模块{
背景图像:url(“http://drobs.ru/opyat/8/peyzazh_priroda_holmy_derevya_zelen_tuman_rassvet_solnce_5576x3087.jpg");
}
/*添加以删除页面顶部的边距和默认正文边距*/
.无页边页首{
边际上限:0;
}
身体{
保证金:0;
}
@介质和全部(最小宽度:600px){
第2节模块h2{
字体大小:42px;
}
第4.p节模块{
字体大小:20px;
}
节.模块.视差h1{
字体大小:96px;
}
}
@介质和全部(最小宽度:960像素){
节.模块.视差h1{
字体大小:160px;
}
}

宁静的
同侧阴唇
我爱你,我爱你,我爱你

上升 同侧阴唇 我爱你,我爱你,我爱你

平静的 同侧阴唇 我爱你,我爱你,我爱你


删除第一个句子的页边空白应删除顶部的页边空白。利润率正在崩溃,如下所述: