优化完善下列代码:@charset "utf-8"; #homemasthead { background-image: url("美丽家乡/罗田.jpg"); background-size: cover; background-position: center; font-family: 'Fuzzy Bubbles', cursive; } #Secondpage { background-image: url("美丽家乡/美丽家乡1.jpg"); background-size: cover; background-position: center; font-family: 'Fuzzy Bubbles', cursive; }#nav { background-color: #AFEBAA; font-family: 'BIZ UDPMincho', serif; } .bg-dark { background-color: #476C9A !important; } .display-1 { font-size: 80px; } #home { background-color: #C7DDF8; font-family: 'BIZ UDPMincho', serif; } #about { background-color: #C7DDF8; font-family: 'BIZ UDPMincho', serif; } .img-fluid { max-width: 120%; height: auto; } #footer { background-color: #476C9A; font-family: 'Fuzzy Bubbles', cursive; color: #F8FBBE; } #links { font-family: 'Fuzzy Bubbles', cursive; text-decoration: underline; } a { color: black; } a:link, a:visited { color: #F8FBBE; } a:hover { color: #B2BC1A; } #references { text-decoration: underline; } #refimages a { color: #00B510; text-decoration: underline; } #refimages a hover {}
时间: 2024-03-04 12:52:50 浏览: 304
@charset "utf-8";
/* 设置全局字体 */
body {
font-family: 'BIZ UDPMincho', serif;
}
/* 设置页面头部背景 */
#homemasthead {
background-image: url("美丽家乡/罗田.jpg");
background-size: cover;
background-position: center;
font-family: 'Fuzzy Bubbles', cursive;
}
/* 设置第二页背景 */
#Secondpage {
background-image: url("美丽家乡/美丽家乡1.jpg");
background-size: cover;
background-position: center;
font-family: 'Fuzzy Bubbles', cursive;
}
/* 设置导航栏背景和字体 */
#nav {
background-color: #AFEBAA;
}
/* 深色背景 */
.bg-dark {
background-color: #476C9A !important;
}
/* 大标题字体 */
.display-1 {
font-size: 80px;
}
/* 设置主页和关于页面背景 */
#home,
#about {
background-color: #C7DDF8;
}
/* 设置图片最大宽度和自适应高度 */
.img-fluid {
max-width: 120%;
height: auto;
}
/* 设置页脚背景和字体颜色 */
#footer {
background-color: #476C9A;
color: #F8FBBE;
}
/* 设置链接字体和下划线 */
a,
#links {
font-family: 'Fuzzy Bubbles', cursive;
text-decoration: underline;
}
/* 设置链接颜色 */
a:link,
a:visited {
color: #F8FBBE;
}
/* 设置鼠标悬浮链接颜色 */
a:hover {
color: #B2BC1A;
}
/* 设置参考文献下划线和链接颜色 */
#references,
#refimages a {
text-decoration: underline;
color: #00B510;
}
/* 去除无用的 hover 样式 */
#refimages a:hover {}
阅读全文