Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.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_Themes - Fatal编程技术网

Html 如何使主题按钮影响整个页面

Html 如何使主题按钮影响整个页面,html,css,themes,Html,Css,Themes,我的页面上有一个暗主题/亮主题按钮,但页面顶部有一个空白。我想删除那个空白,并希望看起来效果是应用于整个页面 下面是它的代码顶部是HTML,底部是CSS: 身体{ 边际:0px; 填充:0px; 溢出y:滚动; 字体系列:Helvetica; 字号:18px; 背景色:bdbd; } .导航{ 背景色:222; 位置:相对位置; 宽度:100%; } .nav_包装器{ 宽度:960px; 保证金:0自动; 文本对齐:左对齐; } 美国海军{ 列表样式类型:无; 填充:0; 保证金:0; 位

我的页面上有一个暗主题/亮主题按钮,但页面顶部有一个空白。我想删除那个空白,并希望看起来效果是应用于整个页面

下面是它的代码顶部是HTML,底部是CSS:

身体{ 边际:0px; 填充:0px; 溢出y:滚动; 字体系列:Helvetica; 字号:18px; 背景色:bdbd; } .导航{ 背景色:222; 位置:相对位置; 宽度:100%; } .nav_包装器{ 宽度:960px; 保证金:0自动; 文本对齐:左对齐; } 美国海军{ 列表样式类型:无; 填充:0; 保证金:0; 位置:相对位置; } 李国荣先生{ 显示:内联块; 背景色:222; 过渡:背景色0.3s,易于调整; 位置:相对位置; 垫面:3件; 垫底:3件; } .海军ul li img{ 宽度:12px; 高度:10px; 垂直对齐:中间对齐; 左侧填充:10px; } 李丽娜先生, 拜访{ 显示:块; 填充:15px; 文字装饰:无; 过渡:颜色0.2s缓进; } .nav ul li a:悬停{ 文字装饰:无; 颜色:099; } 纳沃姆先生{ 颜色:099; 边框底部:3px实心099; } 纳沃瑟先生{ 颜色:ccc; } .内容{ 文本对齐:居中; 线高:130%; 字体大小:20px; } B.B.Aimg{ 宽度:50%; 显示:块; 左边距:自动; 右边距:自动; 边缘底部:40px; 边缘顶部:30px; 变换:scale1; 过渡时间:0.3s; 边界半径:15px; } .bdaimg:悬停{ 转换:scale1.1; 过渡时间:0.3s; } 努女士{ 字体大小:粗体; 字体大小:25px; } h3{ 字体大小:粗体; 文字装饰:下划线; } 氢{ 字体大小:粗体; 文字装饰:下划线; } .bdaimg2{ 显示:块; 左边距:自动; 右边距:自动; 边缘底部:40px; 边缘顶部:30px; 变换:scale1; 过渡时间:0.3s; 边界半径:15px; } .bdaimg2:悬停{ 转换:scale1.1; 过渡时间:0.3s; } /*电灯开关*/ 标签{ 显示:块; 高度:25px; 宽度:100px; 背景:白色; 文本对齐:居中; 字体:14px/25px Helvetica,Arial,无衬线; 利润率:20px0; 位置:绝对位置; } 标签:悬停{ 背景:ddca7e; 颜色:白色; 光标:指针; } 输入光开关{ 位置:固定; 顶部:-9999px; 左:-9999px; } inputlightswitch+。内容{ 背景色:bdbd; 过渡:背景色0.5s缓进; } /*关掉*/ inputlightswitch:选中+.内容{ 背景色:222; 过渡:背景色0.5s缓进; } inputlightswitch:选中+.内容{ 颜色:白色; } inputlightswitch:选中+.内容{ 颜色:白色; } 北京舞蹈学院 电灯开关 北京舞蹈学院 北京舞蹈学院(BDA)是1954年在中国成立的第一所专业舞蹈学校。该学院是在苏联的帮助下建立的学院和他们用来学习舞蹈的技术。尽管俄罗斯参与了北京舞蹈 中国专制的共产主义政府禁止俄罗斯人进入学校。1976年,中国共产党领导人毛泽东去世后,北京舞蹈学院很快向全世界人民开放。 北京舞蹈学院每年都会举行几次试镜,让学生进入学校,因为更多的贫困地区的官员会来到小城镇和学校,挑选适龄儿童,学院最初只招收来自中国的学生 11岁至18岁,但最终年龄范围扩大。然后测试学生的基本身体能力。超过2000名儿童将被学院录取,但每20人中只有1人入选。学院里的大多数孩子 他们是中国人,但学院有一个额外的项目,允许国际学生申请。 学生生活中的一天 北京舞蹈学院学生的一天从基本的热身和伸展运动开始,如柔韧性练习、转身和跳跃训练。早餐后,学生们上芭蕾舞技术课,然后进行角色舞或双人舞练习。 午饭后,学生们学习数学或语文等正常科目3小时。下午,他们上排练课或学习或做家庭作业。北京舞蹈学院整个星期都在运行。。。

包括周六和周日!

尝试添加负边距以删除空白边距,如下所示:

 .content {
  text-align: center;
  line-height: 130%;
  font-size: 20px;
  margin-top: -30px;
}
以下是改进后的代码:

身体{ 边际:0px; 填充:0px; 溢出y:滚动; 字体系列:Helvetica; 字号:18px; 背景色:bdbd; } .导航{ 背景色:222; 位置:相对位置; 宽度:100%; } .nav_包装器{ 宽度:960px; 保证金:0自动; 文本 -对齐:左; } 美国海军{ 列表样式类型:无; 填充:0; 保证金:0; 位置:相对位置; } 李国荣先生{ 显示:内联块; 背景色:222; 过渡:背景色0.3s,易于调整; 位置:相对位置; 垫面:3件; 垫底:3件; } .海军ul li img{ 宽度:12px; 高度:10px; 垂直对齐:中间对齐; 左侧填充:10px; } 李丽娜先生, 拜访{ 显示:块; 填充:15px; 文字装饰:无; 过渡:颜色0.2s缓进; } .nav ul li a:悬停{ 文字装饰:无; 颜色:099; } 纳沃姆先生{ 颜色:099; 边框底部:3px实心099; } 纳沃瑟先生{ 颜色:ccc; } .内容{ 文本对齐:居中; 线高:130%; 字体大小:20px; 利润上限:-30px; } B.B.Aimg{ 宽度:50%; 显示:块; 左边距:自动; 右边距:自动; 边缘底部:40px; 边缘顶部:30px; 变换:scale1; 过渡时间:0.3s; 边界半径:15px; } .bdaimg:悬停{ 转换:scale1.1; 过渡时间:0.3s; } 努女士{ 字体大小:粗体; 字体大小:25px; } h3{ 字体大小:粗体; 文字装饰:下划线; } 氢{ 字体大小:粗体; 文字装饰:下划线; } .bdaimg2{ 显示:块; 左边距:自动; 右边距:自动; 边缘底部:40px; 边缘顶部:30px; 变换:scale1; 过渡时间:0.3s; 边界半径:15px; } .bdaimg2:悬停{ 转换:scale1.1; 过渡时间:0.3s; } /*电灯开关*/ 标签{ 显示:块; 高度:25px; 宽度:100px; 背景:白色; 文本对齐:居中; 字体:14px/25px Helvetica,Arial,无衬线; 利润率:20px0; 位置:绝对位置; } 标签:悬停{ 背景:ddca7e; 颜色:白色; 光标:指针; } 输入光开关{ 位置:固定; 顶部:-9999px; 左:-9999px; } inputlightswitch+。内容{ 背景色:bdbd; 过渡:背景色0.5s缓进; } /*关掉*/ inputlightswitch:选中+.内容{ 背景色:222; 过渡:背景色0.5s缓进; } inputlightswitch:选中+.内容{ 颜色:白色; } inputlightswitch:选中+.内容{ 颜色:白色; } 北京舞蹈学院 电灯开关 北京舞蹈学院 北京舞蹈学院(BDA)是1954年在中国成立的第一所专业舞蹈学校。该学院是在苏联的帮助下建立的学院和他们用来学习舞蹈的技术。尽管俄罗斯参与了北京舞蹈 中国专制的共产主义政府禁止俄罗斯人进入学校。1976年,中国共产党领导人毛泽东去世后,北京舞蹈学院很快向全世界人民开放。 北京舞蹈学院每年都会举行几次试镜,让学生进入学校,因为更多的贫困地区的官员会来到小城镇和学校,挑选适龄儿童,学院最初只招收来自中国的学生 11岁至18岁,但最终年龄范围扩大。然后测试学生的基本身体能力。超过2000名儿童将被学院录取,但每20人中只有1人入选。学院里的大多数孩子 他们是中国人,但学院有一个额外的项目,允许国际学生申请。 学生生活中的一天 北京舞蹈学院学生的一天从基本的热身和伸展运动开始,如柔韧性练习、转身和跳跃训练。早餐后,学生们上芭蕾舞技术课,然后进行角色舞或双人舞练习。 午饭后,学生们学习数学或语文等正常科目3小时。下午,他们上排练课或学习或做家庭作业。北京舞蹈学院整个星期都在运行。。。

包括周六和周日!


问题是,src=bda.png的img的页边距顶部为30px。这在html中是一种奇怪的行为,它不会将图像向下移动30px,但会将图像的父级向下移动30px。要解决此问题,您可以将图像的页边距顶部设置为0px,然后使用填充div顶部的方式将其向下移动,或者可以将包含div的display属性设置为display:inline块。像这样:

.content {
    text-align: center;
    line-height: 130%;
    font-size: 20px;
    display: inline-block;
}

非常感谢。你真的帮了大忙!