Html 如何使主题按钮影响整个页面
我的页面上有一个暗主题/亮主题按钮,但页面顶部有一个空白。我想删除那个空白,并希望看起来效果是应用于整个页面 下面是它的代码顶部是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小时。下午,他们上排练课或学习或做家庭作业。北京舞蹈学院整个星期都在运行。。。Html 如何使主题按钮影响整个页面,html,css,themes,Html,Css,Themes,我的页面上有一个暗主题/亮主题按钮,但页面顶部有一个空白。我想删除那个空白,并希望看起来效果是应用于整个页面 下面是它的代码顶部是HTML,底部是CSS: 身体{ 边际:0px; 填充:0px; 溢出y:滚动; 字体系列:Helvetica; 字号:18px; 背景色:bdbd; } .导航{ 背景色:222; 位置:相对位置; 宽度:100%; } .nav_包装器{ 宽度:960px; 保证金:0自动; 文本对齐:左对齐; } 美国海军{ 列表样式类型:无; 填充:0; 保证金:0; 位
包括周六和周日!
尝试添加负边距以删除空白边距,如下所示: .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;
}
非常感谢。你真的帮了大忙!