响应性HTML5
好了，就这样： 我正在创建我的第一个网站。立即遇到一个似乎难以克服的问题 我想在页眉和页脚之间居中，无论屏幕大小如何，页眉和页脚都将保持垂直和水平居中 我看到过一些例子，你可以在目标区域中间放置文本和其他东西。看起来很有用。我试过了，但可能我没有正确地使用它 到目前为止我的代码响应性HTML5,html,css,flexbox,responsive,Html,Css,Flexbox,Responsive,好了，就这样： 我正在创建我的第一个网站。立即遇到一个似乎难以克服的问题 我想在页眉和页脚之间居中，无论屏幕大小如何，页眉和页脚都将保持垂直和水平居中 我看到过一些例子，你可以在目标区域中间放置文本和其他东西。看起来很有用。我试过了，但可能我没有正确地使用它 到目前为止我的代码 @import'https://fonts.googleapis.com/css?family=Alegreya+无； * { 保证金：0； 填充：0； 边界：0； } 身体{ 颜色：灰色； 字体系列：“Alegreya
@import'https://fonts.googleapis.com/css?family=Alegreya+无；
* {
保证金：0；
填充：0；
边界：0；
}
身体{
颜色：灰色；
字体系列：“Alegreya”，无衬线；
保证金：0；
}
img{
最大宽度：100%；
高度：自动；
宽度：自动；
}
.横幅{
宽度：100%；
身高：100%；
显示器：flex；
显示：-网络工具包盒；
显示器：-moz盒；
显示：-ms flexbox；
显示：-webkit flex；
对齐项目：居中；
证明内容：中心；
}
.旗内{
最大宽度：60%；
保证金：0自动；
}
标题{
宽度：100%；
高度：80px；
显示：块；
}
#收割台内部{
最大宽度：1200px；
保证金：0自动；
}
/*---启动导航--*/
导航{
浮动：对；
/*上、右、下、左*/
填充：25px 20px 0；
}
#菜单图标{
显示：隐藏；
宽度：40px；
高度：40px；
背景：url（img/nav.png）中心；
}
a:悬停#菜单图标{
边界半径：4px4p0；
}
保险商实验室{
列表样式类型：无；
}
李国荣{
字体系列：“Alegreya Sans”，无衬线；
字体大小：150%；
显示：内联块；
浮动：左；
填充：10px；
字体大小：粗体；
}
海军ulli a{
颜色：灰色；
文字装饰：无；
字体大小：粗体；
}
导航ulli a：悬停{
颜色：浅灰色；
}
.当前{
颜色：黑色；
}
/*---音乐版--*/
.音乐包装{
宽度：100%；
文本对齐：居中；
}
.专辑列表图{
显示：内联块；
利润率：10%；
}
.专辑列表图{
文本对齐：居中；
字体大小：150%；
字体系列：“Alegreya Sans”，无衬线；
字体大小：粗体；
利润率：2%；
}
.专辑列表a{
文字装饰：无；
}
/*---社交网站和页脚--*/
页脚{
宽度：100%；
}
.社会{
列表样式类型：无；
文本对齐：居中；
}
李先生{
显示：内联；
}
.社会一{
字体大小：200%；
利润率：0.5%；
填充：0.5%4%0.5%4%；
颜色：灰色；
}
.社交一：悬停{
颜色：浅灰色；
}
页脚秒{
最大高度：100px；
位置：固定；
底部：0px；
z指数：10；
背景：白色；
边框顶部：1px纯色灰色；
}
页脚第二页{
垫底：5px；
文本对齐：居中；
颜色：灰色；
字体大小：粗体；
}
/*----媒体查询--*/
@媒体屏幕和屏幕（最大宽度：760像素）{
标题{
位置：绝对位置；
}
#标志{
利润率：15px 0 20px-25px；
背景：url（img/SA_mobile.png）无重复中心；
}
.横幅{
填充顶部：150px；
}
#菜单图标{
显示：内联块；
颜色：#000000；
}
导航ul，导航：主动ul{
显示：无；
z指数：1000；
位置：绝对位置；
填充：20px；
右：20px；
顶部：60px；
边框：2倍实心#000000；
边界半径：5px 0 5px 5px；
宽度：50%；
}
导航：悬停{
显示：块；
背景：#FFF；
}
李海军{
文本对齐：居中；
宽度：100%；
填充：10px0；
}
.社会一{
字体大小：150%；
填充：2%4%2%4%；
}
/*---音乐页面--*/
.音乐包装{
垫面：25%；
垫底：25%；
}
SPAZ攻击
&抄袭
.mid{
高度：70vh；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}