CSS不起作用,但<style>与iframe一起使用Div

时间:2019-05-19 14:50:51

标签: html iframe divide

“内部格式”适用于HTML上的标记,但不适用于链接CSS文件。不知道为什么!?

我尝试重命名课程并在线搜索解决方案,但找不到任何对我有帮助的东西。

  
  .Inner {
    颜色:黑色
    位置:固定
    宽度:900像素;
    高度:900像素;
    左:300px;
    top:100px;
    边框:3px纯红色;
}
 

我将其执行为左300像素和上100像素,但这仅在将其包装在HTML页面上的标签中时有效,但不适用于链接的CSS文件(CSS适用于所有其他标签Ie Nav / Header。

编辑

完整的CSS样式文件

 <代码> / * HTML 5显示规则* /
地址,文章,一旁,画布,内容,详细信息,figcaption,图,页脚,页眉,hgroup,导航,菜单,部分,摘要{
显示:块
}

。内部{
    颜色:黑色
    位置:固定
    宽度:900像素;
    高度:900像素;
    左:300px;
    top:100px;
    边框:3px纯红色;
}

表{
  边界崩溃:崩溃;
}

桌子,tr,th {
边框:1px纯黑色;
字体家族:“ League Spartan”,Arial;
}

h1 {
    字体家族:“ League Spartan”,Arial;
    颜色:#fff;
    文字阴影:2px 2px 2px#000000;
}

@ font-face {
    字体家族:“ League Spartan”;
    src:url('U:/ Web Development / fonts / leaguespartan-bold.eot');
    src:url('U:/ Web Development / fonts / leaguespartan-bold.eot?#iefix')format('embedded-opentype'),
         url('U:/ Web Development / fonts / leaguespartan-bold.woff2')format('woff2'),
         url('U:/ Web Development / fonts / leaguespartan-bold.woff')format('woff'),
         url('U:/ Web Development / fonts / leaguespartan-bold.ttf')format('truetype'),
         url('U:/ Web Development / fonts / leaguespartan-bold.svg#league_spartanbold')format('svg');
    font-weight:粗体;
    字体样式:正常;

}



导航{
    字体家族:League Spartan,Arial;
    向左飘浮;
    颜色:黑色;
    宽度:300像素;
    高度:800像素;
    位置:固定
    背景颜色:#17499b;
    顶部:100px;
    左:0px;
    border-bottom-right-radius:25px;
    border-bottom-left-radius:25px;

    box-shadow:0px 0px 10px#000000 inset;
    / *-webkit-box-shadow:0px 5px 10px#000000 inset; /*苹果浏览器*/

}
丽丽{
        字体家族:League Spartan,Arial;
    list-style-type:无;
}
Nav ul li a {
        字体家族:League Spartan,Arial;
    向左飘浮;
    text-align:left;
    文字修饰:无;
    显示:块;
    padding-top:50px;
    padding-right:20px;
    padding-bottom:20px;
    padding-left:20px;
    font-size:10px;
    / * css3转换* /
    -webkit-transition:所有.5s;
    -o-transition-property:all;
    -o-transition-duration:.5s;
    -moz-transition-property:all;
    -moz-transition-duration:.5s;
    过渡属性:全部;
    过渡时间:.5s;

    边框:.5px纯黑色;
    宽度:200像素;
    显示:内联;
    填充:7.5px;
    box-shadow:0px 0px 5px#000000;
    -webkit-box-shadow:0px 0px 5px#000000; /*苹果浏览器*/

}
导航李a:链接{
    字体家族:League Spartan,Arial;
        文字修饰:无;
    颜色:#333;

}
Nav Li a:visited {
    字体家族:League Spartan,Arial;
        文字修饰:无;
    颜色:#333;
}
nav li a:hover {
    字体家族:League Spartan,Arial;
    font-weight:bold;
    颜色:#0800ff;
    背景颜色:#5b9819;
    框阴影:0px 0px 5px#000000插入;
    -webkit-box-shadow:0px 0px 5px#000000插入; /* 苹果浏览器 */
}
nav li a:active {
    字体家族:League Spartan,Arial;
        font-weight:bold;
    颜色:#333;
    背景颜色:#000000;
}


标头{
        字体家族:League Spartan,Arial;
    line-height:25px;
    text-align:center;

    border:0px纯黑色;
    颜色:黑色;
    宽度:100%;
    高度:var(-TitleHeight);
    背景颜色:var(-maincolor);
    位置:固定
    左:0px;
    top:0px;
    box-shadow:0px 0px 10px#000000 inset;
}


 

完整HTML。

 <代码> <!DOCTYPE html>


<头>
资源伪造








<身体>

    
             
    <导航>         

导航

        

第1章

                  <标题>         

资源伪造

        

该网站目前正在开发中-某些功能可能缺失或部分完成

    

如您所见,我正在使用导航栏在内部div中加载新页面。无法理解为什么它不能在样式标签中正常运行,而在其他一切都正常时不能在CSS文件中正常运行吗?

1 个答案:

答案 0 :(得分:0)

这是由于Chrome缓存引起的。清除它,格式化工作正常。