使用@media和keyframes分析css中的错误

使用@media和keyframes分析css中的错误,css,html,Css,Html,/*通用设备的通用CSS设置 这将包括所有高清设备及以上*/ * { 保证金:0; 填充:0; } #守望{ 显示:无; } /*锦标赛标志动画*/ #冠军{ 位置:绝对位置; 最高:15%; 右:20%; 动画名称:冠军; 动画持续时间:5s; 动画计时功能:线性; 动画延迟:2s; } @关键帧冠军{ 0% { 右:20%; 最高:15%; } 25% { 右:22%; 最高:16%; } 50% { 右:20%; 最高:17%; } 75% { 右:19%; 最高:16%; } 100%

/*通用设备的通用CSS设置
这将包括所有高清设备及以上*/
* {
保证金:0;
填充:0;
}
#守望{
显示:无;
}
/*锦标赛标志动画*/
#冠军{
位置:绝对位置;
最高:15%;
右:20%;
动画名称:冠军;
动画持续时间:5s;
动画计时功能:线性;
动画延迟:2s;
}
@关键帧冠军{
0% {
右:20%;
最高:15%;
}
25% {
右:22%;
最高:16%;
}
50% {
右:20%;
最高:17%;
}
75% {
右:19%;
最高:16%;
}
100% {
右:20%;
最高:15%;
变换:旋转(360度);
}
}
/*导航控件*/
李国荣{
显示:内联;
}
nav ul li a,nav ul li a:参观{
颜色:#006734;
显示:块;
浮动:左;
字号:1.25em;
字体大小:粗体;
保证金:5px2px;
填充:7px 10px 4px;
文本阴影:0 1px 1px白色;
文本转换:大写;
}
导航ulli a:悬停{
文字装饰:无;
背景色:#009340;
}
导航,主导航,导航ul li a,.twitter时间线{
边界半径:30px;
}
导航{
背景#6fad60;
填充:0 5px;
位置:绝对位置;
右:0;
顶部:4px;
边框:1px实心#0e1f0c;
盒影:0 1px 1px#0e1f0c;
}
/*关闭仅手表文本*/
#守望{
显示:无;
}
.清楚:之后{
内容:“.”;
显示:块;
身高:0;
明确:两者皆有;
可见性:隐藏;
}
身体{
字体大小:15px;
颜色:#F8;
背景色:#bcbc;
字体系列:Arial、Helvetica、无衬线字体;
}
/*默认字体*/
h1,h2,h3{
字体系列:“Myriad Pro”,“Helvetica Neue”,Helvetica,Arial,无衬线;
颜色:#00923f;
文本阴影:0 1px 1px黑色;
}
h1{
字体大小:35px;
填充:3倍;
文本转换:大写;
}
h3{
字体系列:forte,“Myriad Pro”,“Helvetica Neue”,Helvetica,Arial,无衬线;
字体大小:30px;
字体大小:正常;
保证金:2倍;
}
img{
宽度:自动;
身高:100%;
}
p{
线高:120%;
垫底:2件;
}
主线{
背景色:#15242a;
边框底色:#204656;
保证金:3倍;
}
.线路{
高度:1px;
背景色:#24404c;
边框底部:1px实心#416371;
保证金:2倍;
溢出:隐藏;
}
页脚线{
保证金:2倍;
}
/*主页大小*/
#页面{
宽度:900px;
保证金:0自动;
位置:相对位置;
}
主要{
背景色:#006634;
保证金:2倍;
填充:20px;
文本阴影:0 2px 0#001f10;
边缘顶部:20px;
}
页脚{
颜色:#000000;
边缘底部:30px;
文本对齐:居中;
字体大小:10px;
}
页脚a,页脚a:已访问{
颜色:#6fad60;
背景色:#006634;
填充物:2px4px;
}
页脚a:悬停{
文字装饰:无;
背景色:#000000;
}
页脚a向上{
浮动:对;
}
/*twitter帧的控制*/
.推特时间表{
边框:3px实心#00943f;
浮动:对;
左边距:15px;
溢出:隐藏;
}
#twitter-widget-0{
高度:500px!重要;
最小高度:500px!重要;
}
a、 a:参观了{
颜色:#ffffff;
文字装饰:无;
大纲:无;
}
a:悬停{
颜色:黑色;
文字装饰:下划线;
}
img{
边界:无;
}
iframe{
宽度:100%;
高度:600px;
}
/*关闭图像并允许iframe显示*/
#小时候{
显示:无;
}
/*表格的控制*/
形式{
填充:20px;
}
文本区{
高度:300px;
宽度:275px;
}
输入{
左侧填充:90px;
}
/*map-iframe的控制*/
.地图{
宽度:300px;
高度:350px;
}
/*一个非常简单的默认值,供将来在有限的屏幕上使用
300px平方米以下的手表或屏幕*/
@仅介质屏幕和(最大宽度:300px){
* {
保证金:0;
填充:0;
}
/*主页大小*/
#页面{
宽度:290px;
保证金:0自动;
位置:相对位置;
}
/*关闭大部分页面内容*/
#守望{
字体风格:斜体;
显示器:flex;
颜色:黑色;
文本阴影:0 1px 1px白色;
}
页脚,导航,h1,h2,h3,p,#主线,#champ{
显示:无;
}
img{
浮动:左;
浮动:对;
填充顶部:60px;
最大宽度:280px;
最大高度:200px;
}
}
/*300宽及500px以下小型手机屏幕的控制元件
这也留给了在肖像画中使用的动作*/
@仅介质屏幕和(最小宽度:301px)和(最大宽度:500px){
/*关闭iframe、大图像和仅观看文本*/
#当比格{
显示:无;
}
#小时候{
显示:无;
}
#守望{
显示:无;
}
/*锦标赛标志动画*/
#冠军{
位置:绝对位置;
最高:0%;
右:0%;
高度:55px;
动画持续时间:5s;
动画名称:champ1;
动画计时功能:轻松进出;
动画延迟:2s;
变换:旋转(360度);
}
@关键帧1{
0% {
右:0%;
最高:0%;
}
25% {
右:2%;
最高:2%;
}
50% {
右:4%;
最高:1%;
变换:旋转(160度);
}
75% {
右:2%;
最高:2%;
}
100% {
右:0%;
最高:0%;
}
}
保险商实验室{
填充:0%;
文本对齐:居中;
显示:内联;
}
nav ul li a,nav ul li a:参观{
颜色:#006734;
字体大小:12px;
字体大小:粗体;
保证金:0px 0px;
填充:10px 5px 10px;
文本阴影:0 1px 1px白色;
文本转换:大写;
}
/*更改导航*/
李国荣{
显示:内联;
}
导航{
位置:相对位置;
}
/*主页大小*/
#页面{
宽度:295px;
保证金:0自动;
位置:相对位置;
}
/*地图大小更改*/
.地图{
宽度:260px;
}
/*切换twitter以便只留下一个链接*/
#twitter-widget-0{
高度:45px!重要;
最小高度:5px!重要;
}
.推特时间表{
边框:3px实心#00943f;
高度:300px;
溢出:隐藏;
宽度:200px;
}
/*编辑字体大小*/
h1{
字号:18px;
文本转换:大写;
}
h3{
字体大小:20px;
字体大小:正常;
保证金:2倍;
}
/*编辑以控制较小的窗体*/
形式{
填充:30px;
}
文本区{
高度:300px;
宽度:185px;
}
输入{
左侧填充:0px;
}
}
/*控制超过500像素宽且低于700像素的大型手机屏幕/小型平板电脑的元件
这件事留给了我